.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tippy-box[data-theme~=material] {
  background-color: #505355;
  font-weight: 600;
}

.tippy-box[data-theme~=material][data-placement^=top] > .tippy-arrow:before {
  border-top-color: #505355;
}

.tippy-box[data-theme~=material][data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #505355;
}

.tippy-box[data-theme~=material][data-placement^=left] > .tippy-arrow:before {
  border-left-color: #505355;
}

.tippy-box[data-theme~=material][data-placement^=right] > .tippy-arrow:before {
  border-right-color: #505355;
}

.tippy-box[data-theme~=material] > .tippy-backdrop {
  background-color: #505355;
}

.tippy-box[data-theme~=material] > .tippy-svg-arrow {
  fill: #505355;
}

/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075);
  pointer-events: all;
}

.swal2-popup.swal2-toast > * {
  grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}

.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
  animation: swal2-toast-animate-success-line-tip 0.75s;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
  animation: swal2-toast-animate-success-line-long 0.75s;
}

.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
  animation: swal2-toast-show 0.5s;
}

.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
  animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}

.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}

.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}

.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}

.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}

.swal2-container.swal2-top > .swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center;
}

.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end;
}

.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}

.swal2-container.swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
}

.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
}

.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}

.swal2-container.swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}

.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}

.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}

.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}

.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}

.swal2-popup:focus {
  outline: none;
}

.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}

.swal2-styled:not([disabled]) {
  cursor: pointer;
}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}

.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}

.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-styled:focus {
  outline: none;
}

.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em;
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}

.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}

.swal2-close:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em 2em 3px;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}

.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}

.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}

.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #ccc;
}

.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #ccc;
}

.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-range {
  margin: 1em 2em 3px;
  background: #fff;
}

.swal2-range input {
  width: 80%;
}

.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}

.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}

.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}

.swal2-radio input,
.swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}

.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}

.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}

.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
  animation: swal2-animate-error-x-mark 0.5s;
}

.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}

.swal2-icon.swal2-warning.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.5s;
  animation: swal2-animate-i-mark 0.5s;
}

.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}

.swal2-icon.swal2-info.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.8s;
  animation: swal2-animate-i-mark 0.8s;
}

.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}

.swal2-icon.swal2-question.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
  animation: swal2-animate-error-icon 0.5s;
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
  animation: swal2-animate-question-mark 0.8s;
}

.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}

.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}

.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
  animation: swal2-animate-success-line-tip 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
  animation: swal2-animate-success-line-long 0.75s;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
  animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: inherit;
  font-weight: 600;
}

.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}

.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}

.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
  animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
  animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}

.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-webkit-keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}

body.swal2-height-auto {
  height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}

body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

.rickshaw_graph .detail {
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.1);
  bottom: 0;
  width: 1px;
  transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -o-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
}

.rickshaw_graph .detail.inactive {
  opacity: 0;
}

.rickshaw_graph .detail .item.active {
  opacity: 1;
}

.rickshaw_graph .detail .x_label {
  font-family: Arial, sans-serif;
  border-radius: 3px;
  padding: 6px;
  opacity: 0.5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  position: absolute;
  background: #fff;
  white-space: nowrap;
}

.rickshaw_graph .detail .x_label.left {
  left: 0;
}

.rickshaw_graph .detail .x_label.right {
  right: 0;
}

.rickshaw_graph .detail .item {
  position: absolute;
  z-index: 2;
  border-radius: 3px;
  padding: 0.25em;
  font-size: 12px;
  font-family: Arial, sans-serif;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.4);
  margin-left: 1em;
  margin-right: 1em;
  margin-top: -1em;
  white-space: nowrap;
}

.rickshaw_graph .detail .item.left {
  left: 0;
}

.rickshaw_graph .detail .item.right {
  right: 0;
}

.rickshaw_graph .detail .item.active {
  opacity: 1;
  background: rgba(0, 0, 0, 0.8);
}

.rickshaw_graph .detail .item:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
  border: 5px solid transparent;
}

.rickshaw_graph .detail .item.left:after {
  top: 1em;
  left: -5px;
  margin-top: -5px;
  border-right-color: rgba(0, 0, 0, 0.8);
  border-left-width: 0;
}

.rickshaw_graph .detail .item.right:after {
  top: 1em;
  right: -5px;
  margin-top: -5px;
  border-left-color: rgba(0, 0, 0, 0.8);
  border-right-width: 0;
}

.rickshaw_graph .detail .dot {
  width: 4px;
  height: 4px;
  margin-left: -2px;
  margin-top: -2px;
  border-radius: 5px;
  position: absolute;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  background: #fff;
  border-width: 2px;
  border-style: solid;
  display: none;
  background-clip: padding-box;
}

.rickshaw_graph .detail .dot.active {
  display: block;
}

.rickshaw_graph {
  position: relative;
}

.rickshaw_graph svg {
  display: block;
  overflow: hidden;
}

.rickshaw_graph .x_tick {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px dotted rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.rickshaw_graph .x_tick .title {
  position: absolute;
  font-size: 12px;
  font-family: Arial, sans-serif;
  opacity: 0.5;
  white-space: nowrap;
  margin-left: 3px;
  bottom: 1px;
}

.rickshaw_annotation_timeline {
  height: 1px;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  position: relative;
}

.rickshaw_annotation_timeline .annotation {
  position: absolute;
  height: 6px;
  width: 6px;
  margin-left: -2px;
  top: -3px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.25);
}

.rickshaw_graph .annotation_line {
  position: absolute;
  top: 0;
  bottom: -6px;
  width: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.3);
  display: none;
}

.rickshaw_graph .annotation_line.active {
  display: block;
}

.rickshaw_graph .annotation_range {
  background: rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  top: 0;
  bottom: -6px;
}

.rickshaw_graph .annotation_range.active {
  display: block;
}

.rickshaw_graph .annotation_range.active.offscreen {
  display: none;
}

.rickshaw_annotation_timeline .annotation .content {
  background: #fff;
  color: #000;
  opacity: 0.9;
  padding: 5px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  position: relative;
  z-index: 20;
  font-size: 12px;
  padding: 6px 8px 8px;
  top: 18px;
  left: -11px;
  width: 160px;
  display: none;
  cursor: pointer;
}

.rickshaw_annotation_timeline .annotation .content:before {
  content: "▲";
  position: absolute;
  top: -11px;
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
}

.rickshaw_annotation_timeline .annotation.active, .rickshaw_annotation_timeline .annotation:hover {
  background-color: rgba(0, 0, 0, 0.8);
  cursor: none;
}

.rickshaw_annotation_timeline .annotation .content:hover {
  z-index: 50;
}

.rickshaw_annotation_timeline .annotation.active .content {
  display: block;
}

.rickshaw_annotation_timeline .annotation:hover .content {
  display: block;
  z-index: 50;
}

.rickshaw_graph .y_axis, .rickshaw_graph .x_axis_d3 {
  fill: none;
}

.rickshaw_graph .y_ticks .tick, .rickshaw_graph .x_ticks_d3 .tick {
  stroke: rgba(0, 0, 0, 0.16);
  stroke-width: 2px;
  shape-rendering: crisp-edges;
  pointer-events: none;
}

.rickshaw_graph .y_grid .tick, .rickshaw_graph .x_grid_d3 .tick {
  z-index: -1;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 1 1;
}

.rickshaw_graph .y_grid .tick[data-y-value="0"] {
  stroke-dasharray: 1 0;
}

.rickshaw_graph .y_grid path, .rickshaw_graph .x_grid_d3 path {
  fill: none;
  stroke: none;
}

.rickshaw_graph .y_ticks path, .rickshaw_graph .x_ticks_d3 path {
  fill: none;
  stroke: gray;
}

.rickshaw_graph .y_ticks text, .rickshaw_graph .x_ticks_d3 text {
  opacity: 0.5;
  font-size: 12px;
  pointer-events: none;
}

.rickshaw_graph .x_tick.glow .title, .rickshaw_graph .y_ticks.glow text {
  fill: #000;
  color: #000;
  text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.1), 1px -1px 0 rgba(255, 255, 255, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(255, 255, 255, 0.1), 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 rgba(255, 255, 255, 0.1), -1px -1px 0 rgba(255, 255, 255, 0.1);
}

.rickshaw_graph .x_tick.inverse .title, .rickshaw_graph .y_ticks.inverse text {
  fill: #fff;
  color: #fff;
  text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.8), 1px -1px 0 rgba(0, 0, 0, 0.8), 1px 1px 0 rgba(0, 0, 0, 0.8), 0 1px 0 rgba(0, 0, 0, 0.8), 0 -1px 0 rgba(0, 0, 0, 0.8), 1px 0 0 rgba(0, 0, 0, 0.8), -1px 0 0 rgba(0, 0, 0, 0.8), -1px -1px 0 rgba(0, 0, 0, 0.8);
}

.rickshaw_legend {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  background: #404040;
  display: inline-block;
  padding: 12px 5px;
  border-radius: 2px;
  position: relative;
}

.rickshaw_legend:hover {
  z-index: 10;
}

.rickshaw_legend .swatch {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.rickshaw_legend .line {
  clear: both;
  line-height: 140%;
  padding-right: 15px;
}

.rickshaw_legend .line .swatch {
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
}

.rickshaw_legend .label {
  margin: 0;
  white-space: nowrap;
  display: inline;
  font-size: inherit;
  background-color: transparent;
  color: inherit;
  font-weight: 400;
  line-height: normal;
  padding: 0;
  text-shadow: none;
}

.rickshaw_legend .action:hover {
  opacity: 0.6;
}

.rickshaw_legend .action {
  margin-right: 0.2em;
  font-size: 10px;
  opacity: 0.2;
  cursor: pointer;
  font-size: 14px;
}

.rickshaw_legend .line.disabled {
  opacity: 0.4;
}

.rickshaw_legend ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin: 2px;
  cursor: pointer;
}

.rickshaw_legend li {
  padding: 0 0 0 2px;
  min-width: 80px;
  white-space: nowrap;
}

.rickshaw_legend li:hover {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}

.rickshaw_legend li:active {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

/*! jQuery UI - v1.11.4 - 2016-08-10
* http://jqueryui.com
* Includes: core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(../ui-icons_444444_256x240.html);
}

.ui-widget-header .ui-icon {
  background-image: url(../ui-icons_444444_256x240.html);
}

.ui-state-default .ui-icon {
  background-image: url(../ui-icons_777777_256x240.html);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(../ui-icons_555555_256x240.html);
}

.ui-state-active .ui-icon {
  background-image: url(../ui-icons_ffffff_256x240.html);
}

.ui-state-highlight .ui-icon {
  background-image: url(../ui-icons_777620_256x240.html);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../ui-icons_cc0000_256x240.html);
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: 0 0 0 0;
  padding: 5px;
  background: #666;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/*! jQuery UI - v1.11.4 - 2016-08-10
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*! jQuery UI - v1.11.4 - 2016-08-10
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(../ui-icons_444444_256x240.html);
}

.ui-widget-header .ui-icon {
  background-image: url(../ui-icons_444444_256x240.html);
}

.ui-state-default .ui-icon {
  background-image: url(../ui-icons_777777_256x240.html);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(../ui-icons_555555_256x240.html);
}

.ui-state-active .ui-icon {
  background-image: url(../ui-icons_ffffff_256x240.html);
}

.ui-state-highlight .ui-icon {
  background-image: url(../ui-icons_777620_256x240.html);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../ui-icons_cc0000_256x240.html);
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: 0 0 0 0;
  padding: 5px;
  background: #666;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/* Sitewide Reset Styles
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, section, article, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

h1, h2, h3, h4, h5, h6, p, ol, ul, dl {
  text-align: left;
}

h1 a:link, h1 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

p a:link, p a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

ol a:link, ol a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

ul a:link, ul a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

dl a:link, dl a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

td a:link, td a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}

h1 a:hover, p a:hover, ol a:hover, ul a:hover, dl a:hover, td a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus {
  outline: none;
}

button:focus, button:blur {
  outline: none;
}

a {
  outline: none;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

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

abbr, acronym {
  text-decoration: none;
}

ol {
  list-style: decimal outside;
  margin-left: 2em;
}

.commonSearchButton {
  float: left;
  margin-left: 5px;
  display: inline;
  width: 60px;
  height: 22px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -44px;
}
.commonSearchButton.searchForm {
  margin-top: 8px;
}
.commonSearchButton:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -66px;
  cursor: pointer;
}
.commonSearchButton input#search {
  width: 60px;
  height: 22px;
  display: block;
  opacity: 0;
}

button.signup, button.learnMore {
  width: 170px;
  height: 40px;
  display: block;
  text-indent: -5000px;
  border: none;
}
button.signup {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -401px -200px;
}
button.signup:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -401px -240px;
  cursor: pointer;
}
button.learnMore {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -200px;
}
button.learnMore:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -240px;
  cursor: pointer;
}

button.send {
  float: left;
  margin-left: 6px;
  display: inline;
  width: 60px;
  height: 22px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -44px;
  text-indent: -5000px;
  overflow: hidden;
  border: 0;
  cursor: pointer;
}
button.send:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -66px;
  cursor: pointer;
}

span.send {
  float: left;
  margin-left: 6px;
  display: inline;
  width: 60px;
  height: 22px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -44px;
}
span.send:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -66px;
  cursor: pointer;
}

button.padding {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

button.typical {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;
}
button.typical.margin {
  margin: 0 10px;
}

a.button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
a.button.bout {
  font-size: 12px;
  line-height: 1.3em;
}

.inline {
  display: inline-block;
}

img.countryFlag {
  opacity: 0.75;
}
img.countryFlag.inline {
  display: inline-block;
  margin: 0;
}
img.countryFlag.mini {
  height: 10px;
  width: 17px;
}
img.countryFlag.small {
  height: 11px;
  width: 17px;
}
img.countryFlag.medium {
  height: 12px;
  width: 18px;
  margin-right: 5px;
}

img.fightCardFlag {
  opacity: 0.75;
  height: 11px;
  width: 17px;
}

img.fightRecordFlag {
  opacity: 0.6;
  height: 10px;
  width: 17px;
}

img.eventFlag {
  height: 12px;
  margin-right: 2px;
  width: 18px;
  opacity: 0.75;
}

img.promotionFlag {
  height: 12px;
  margin-right: 2px;
  width: 18px;
  opacity: 0.75;
}

#content h2#flag {
  float: left;
  width: 77px;
  height: 42px;
  display: inline-block;
  txt-indent: -5000px;
  margin-right: 20px;
  opacity: 0.7;
}
#content h2#flag img {
  height: 42px;
  width: 72px;
}

.messageBar {
  font-size: 16px;
  background: #866d36;
  color: #fff1bb;
}
.messageBar a:link, .messageBar a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
.messageBar a:hover {
  color: #5d1502;
  text-decoration: none;
  border-bottom: 1px solid #5d1502 !important;
}
.messageBar.pendingInvitations {
  padding: 10px 15px 15px 15px;
}
.messageBar.unreadComments {
  padding: 8px 15px;
}
.messageBar p {
  text-align: center;
}
.messageBar img {
  border-radius: 5px;
  width: 18px;
  height: 18px;
}

.userAlertContainer {
  width: auto;
  height: 20px;
  padding: 8px 0;
  background: #bae6fd;
  color: #075985;
  border-bottom: 1px solid #333;
  display: block;
}
.userAlertContainer a:link, .userAlertContainer a:visited {
  color: #737373;
  text-decoration: none;
  border-bottom: 1px dotted #737373;
}
.userAlertContainer a:hover {
  color: #0a0a0a;
  text-decoration: none;
  border-bottom: 1px solid #0a0a0a !important;
}
.userAlertContainer.extra {
  height: 16px;
  padding: 3px 0;
  border-bottom: none;
}
.userAlertContainer button {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  font-size: 10px;
  padding: 2px 10px;
  display: block;
  color: #333;
  text-decoration: none;
  height: inherit;
  background: #fffbfb;
  border: 1px solid #666;
}
.userAlertContainer button:hover {
  background: #fff1bb;
  border: 1px solid #c1320b;
  color: #c1320b;
}
.userAlertContainer button:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

.userAlertAlert, .userAlertSpacer, .userAlertOptions, .userAlertOption, .userAlertSpinner {
  display: inline-block;
  min-height: 10px;
}

@media (min-width: 961px) {
  .userAlertAlert {
    width: 25%;
    float: left;
  }
}
@media (max-width: 960px) {
  .userAlertAlert {
    width: 0%;
    display: none;
    float: left;
  }
  .userAlertContainer {
    z-index: 2000;
    position: relative;
  }
}
.userAlertAlert img {
  border-radius: 5px;
  background: #e0f2fe;
  padding: 2px;
  width: 16px;
  height: 16px;
}

.userAlertSpacer {
  float: left;
  width: 25%;
}

.userAlertMessage {
  font-size: 17px;
  display: inline-block;
  text-align: center;
  width: 50%;
}
.userAlertMessage.wide {
  width: 75%;
}
.userAlertMessage.extra {
  font-size: 13px;
}
.userAlertMessage img {
  border-radius: 5px;
  margin-right: 5px;
  width: 19px;
  height: 19px;
}

.userAlertMessageLeft {
  display: inline-block;
  float: left;
}
.userAlertMessageLeft.small {
  font-size: 15px;
}

.userAlertMessageRight {
  display: inline-block;
  float: right;
}

.userAlertOptions {
  width: 25%;
  float: right;
}

.userAlertOption {
  text-align: right;
}

.userAlertSpinner {
  text-align: left;
  width: 10%;
}
.userAlertSpinner img {
  width: 13px;
  height: 13px;
}

.userAlertAdvertisementContainer {
  padding: 20px;
  background: #333;
  border-radius: 5px;
  margin-bottom: 20px;
}

.userAlertAdvertisementHeader h2 {
  font-size: 22px;
  text-align: left;
  color: #eee;
}
.userAlertAdvertisementHeader h6 {
  padding-top: 15px;
  font-size: 13px;
  color: #ccc;
  text-align: left;
}
.userAlertAdvertisementHeader h6 a:link, .userAlertAdvertisementHeader h6 a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
.userAlertAdvertisementHeader h6 a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}

/* Modal Window Styles
------------------------------------------------------------------------ */
.overlayBox {
  width: 522px;
  background: #fff;
  margin: 0 auto;
  padding: 20px;
  border-radius: 5px;
}
.overlayBox h2 {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  text-align: left;
}
.overlayBox h2 span {
  font-weight: normal;
  color: #999;
  text-transform: none;
  font-style: italic;
  padding-left: 10px;
}

form.modalSearch {
  float: left;
  width: 522px;
  margin-top: 10px;
}

.suggestWrap {
  background: #f2f2f2;
  border-radius: 5px;
  margin: 0 0 20px;
}

.modalSearch fieldset {
  width: 510px;
  height: 40px;
  padding: 6px;
  border-radius: 5px;
  background: #666;
  display: block;
}

ul.suggestions {
  clear: both;
  padding: 10px 10px 10px;
  display: block;
  font-size: 14px;
}

.suggestions li {
  padding: 4px 0;
}

input#suggestSearch {
  float: left;
  width: 506px;
  height: 18px;
  padding: 2px;
  background: #fff;
  border: none;
  border-radius: 2px;
}

input#search {
  width: 60px;
  height: 22px;
  display: inline;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -44px;
  opacity: 0;
}
input#search:hover {
  cursor: pointer;
}

ul.modalSearchCat {
  clear: both;
  display: block;
  width: 194px;
}

.modalSearchCat li {
  float: left;
  position: relative;
  width: 64px;
  height: 10px;
}
.modalSearchCat input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.modalSearchCat label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 64px;
  height: 10px;
  padding-top: 8px;
  display: block;
  background: #666;
  color: #aaa;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.modalSearchCat label:hover {
  color: #fff;
  cursor: pointer;
}
.modalSearchCat label.searchSelected {
  background: #666666 url(../png/search_select-d2b1a4c93a146503736b71d6fa7d48a65630ad067223295ad857e2306551ff48.png) no-repeat top center;
  color: #fff;
}

label.myLink {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
}

input.myLink {
  float: left;
  width: 453px;
  margin-top: 5px;
  padding: 3px 2px;
  background: #e1e1e1;
  border: none;
  border-radius: 2px;
  color: #666;
}

button.addLink {
  float: left;
  width: 60px;
  height: 22px;
  margin-top: 5px;
  margin-left: 5px;
  border: none;
  text-indent: -5000px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -132px;
}
button.addLink:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -154px;
  cursor: pointer;
}

#modal {
  background: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  box-shadow: 0 0 30px #000;
  padding: 20px 40px;
  margin: 0 auto;
  position: relative;
  display: block;
  top: 100px;
}

#overlay, #modalwrap {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  visibility: hidden;
  text-align: center;
  *zoom: 1;
}

#overlay {
  background: #000;
  z-index: 99;
}

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

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
.ui-draggable-dragging {
  background: #ddd;
  padding: 20px !important;
  border-radius: 2px;
  display: block;
}

header#header {
  clear: both;
  margin: 0 auto 0 auto;
  padding: 10px 20px 20px 20px;
  position: relative;
  overflow: visible;
}
header#header.egSkin {
  background: #fff;
}
header#header ul.topNav {
  clear: both;
  height: 18px;
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}
header#header ul.topNav li {
  float: right;
  display: inline;
  line-height: 18px;
  border-left: 1px solid #999;
}
header#header ul.topNav li.start {
  border: none !important;
}
header#header ul.topNav li a:link, header#header ul.topNav li a:visited {
  color: #7f7f7f;
  text-decoration: none;
  height: 18px;
  display: block;
  border: none;
  padding: 0 12px;
}
header#header ul.topNav li a:hover {
  color: #000;
  text-decoration: underline;
}
header#header nav.brandingNav {
  clear: both;
  margin-bottom: 20px;
}
header#header nav.brandingNav p.logo a {
  width: 271px;
  height: 43px;
  overflow: hidden;
  border: none;
}
header#header nav.brandingNav p.logo a span {
  display: none;
}
header#header nav.brandingNav p.logo a svg#tapology-logo {
  width: 271px;
  height: 43px;
}
header#header nav.brandingNav ul.mainNav {
  font-size: 11px;
}
header#header nav.brandingNav ul.mainNav li {
  display: inline;
}
header#header nav.brandingNav ul.mainNav li a {
  text-decoration: none;
  display: block;
  border: none;
}
header#header nav.brandingNav ul.mainNav li a span {
  display: none;
}
header#header nav.brandingNav ul.mainNav li a svg {
  fill: #999999;
  height: 13px;
}
header#header nav.brandingNav ul.mainNav li a:hover svg {
  fill: #000000;
}
header#header nav.brandingNav ul.mainNav li a.active svg {
  fill: #c1320b;
}

@media (min-width: 961px) {
  header#header {
    width: 1176px;
  }
  header#header i#sidebarToggle {
    display: none;
    pointer-events: none;
  }
  header#header ul.topNav {
    margin-bottom: 2px;
  }
  header#header nav.brandingNav {
    width: 1176px;
    height: 43px;
  }
  header#header nav.brandingNav p.logo {
    display: block;
    float: left;
    width: 271px;
    display: inline;
  }
  header#header nav.brandingNav ul.mainNav {
    float: left;
    width: 746px;
    display: inline;
    margin-left: 20px;
    padding-left: 139px;
  }
  header#header nav.brandingNav ul.mainNav li {
    margin-top: 8px;
    height: 13px;
    float: right;
  }
  header#header nav.brandingNav ul.mainNav li a {
    margin-left: 68px;
    height: 13px;
    padding: 10px 0;
  }
}
@media (max-width: 960px) {
  header#header {
    box-sizing: border-box;
    width: 796px;
  }
  body[data-width=fluid] header#header {
    width: initial;
    min-width: 400px;
  }
  header#header i#sidebarToggle {
    position: fixed;
    z-index: 1000;
    right: 8px;
    top: 8px;
    padding: 13px;
    border-radius: 50%;
    color: #333333;
    background-color: rgba(238, 238, 238, 0.85);
    cursor: pointer;
  }
  header#header i#sidebarToggle:hover {
    color: #c1320b;
  }
  header#header ul.topNav {
    display: inline-block;
    margin-bottom: 16px;
  }
  header#header nav.brandingNav p.logo {
    text-align: center;
  }
  header#header nav.brandingNav p.logo a {
    display: inline-block;
  }
  header#header nav.brandingNav ul.mainNav {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 20px 0;
  }
  header#header nav.brandingNav ul.mainNav.clearfix:after {
    /* bug fix for flex spacing :after el */
    content: none;
  }
}
@media (max-width: 520px) {
  header#header ul.topNav li a:link, header#header ul.topNav li a:visited {
    font-size: 10px;
    padding: 0 6px;
  }
  header#header nav.brandingNav ul.mainNav li a > svg {
    height: 12px;
  }
}
@media (max-width: 420px) {
  header#header nav.brandingNav ul.mainNav li a > svg {
    height: 10px;
  }
}
@media (max-width: 360px) {
  header#header nav.brandingNav ul.mainNav li a > svg {
    height: 8px;
  }
}
footer#footer {
  clear: both;
  border-top: 5px solid #f2f2f2;
  padding: 20px 0;
  background: #e1e1e1;
  text-align: center;
}
footer#footer .footerContent {
  margin: 0 auto;
}
footer#footer .footerContent p {
  font-size: 14px;
  color: #555;
}
footer#footer .footerContent p a:link, footer#footer .footerContent p a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
footer#footer .footerContent p a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
footer#footer .footerContent .navRepeat {
  display: inline-block;
  position: relative;
  min-height: 124px;
}
footer#footer .footerContent .navRepeat div.fistContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer#footer .footerContent .navRepeat div.fistContainer svg {
  width: 150px;
  fill: #CACACA;
  opacity: 0.5;
}
footer#footer .footerContent .navRepeat div.links {
  position: relative;
  z-index: 10;
}
footer#footer .footerContent .navRepeat div.links p {
  text-align: center;
  padding: 40px 0 10px;
}
footer#footer .footerContent .copyright h5 {
  font-size: 14px;
  text-transform: uppercase;
  color: #333;
  padding: 0 0 10px;
  clear: both;
}
footer#footer .footerContent .copyright ul {
  clear: both;
  display: block;
}
footer#footer .footerContent .copyright li {
  float: left;
  width: 39px;
  text-indent: -5000px;
  margin: 0 20px 0 0;
}

@media (min-width: 961px) {
  footer#footer {
    min-width: 1176px;
  }
  footer#footer .footerContent {
    display: flex;
    justify-content: center;
  }
  footer#footer .footerContent .navRepeat {
    float: left;
    width: 756px;
    margin-right: 20px;
  }
  footer#footer .footerContent .copyright {
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
  }
  footer#footer .footerContent .copyright p {
    padding: 5px 0;
  }
}
@media (max-width: 960px) {
  footer#footer {
    min-width: 796px;
  }
  body[data-width=fluid] footer#footer {
    width: initial;
    min-width: 400px;
  }
  footer#footer .footerContent {
    width: 756px;
  }
  body[data-width=fluid] footer#footer .footerContent {
    width: initial;
    min-width: 400px;
    padding: 0 10px;
  }
  footer#footer .footerContent .copyright {
    margin-top: 10px;
  }
  footer#footer .footerContent .copyright p {
    text-align: center;
    line-height: 18px;
  }
}
/* Subnav Styles
------------------------------------------------------------------------ */
.breadcrumbPrivacyNotice {
  float: right;
  line-height: 32px;
  height: 32px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
.breadcrumbPrivacyNotice a:link, .breadcrumbPrivacyNotice a:visited {
  color: #7f7f7f;
  text-decoration: none;
  border-bottom: none;
}
.breadcrumbPrivacyNotice a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.subnav {
  height: 32px;
  margin-bottom: 30px;
  padding: 0 5px 0 10px;
  display: block;
  background: #f2f2f2;
}
.subnav.superAdmin {
  background: #26466d;
  margin-bottom: 15px;
}
.subnav {
  border-radius: 5px;
}
.subnav ul {
  float: left;
  display: inline;
  font-size: 11px;
  color: #999;
}
.subnav li {
  float: left;
  height: 32px;
  line-height: 32px;
  padding-right: 5px;
  padding-left: 25px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -733px -184px;
  font-weight: bold;
  text-transform: uppercase;
}
.subnav li a:link, .subnav li a:visited {
  color: #999;
  text-decoration: none;
  height: 32px;
  line-height: 32px;
  display: block;
  border: none;
}
.subnav li.selected a {
  color: #000;
}
.subnav li.superAdmin a {
  color: #ffffcc;
}
.subnav li a:hover {
  color: #000;
  text-decoration: none;
}
.subnav li#subHome {
  width: 18px;
  height: 32px;
  text-indent: -5000px;
  background: none;
  padding: 0;
}
.subnav li#subHome a:link, .subnav li#subHome a:visited {
  width: 18px;
  height: 32px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -732px -88px;
}
.subnav li#subHome a:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -732px -120px;
}

.beltRank {
  float: right;
  width: 120px;
  margin-top: 5px;
  height: 22px;
  background: #999;
  border-radius: 2px;
  position: relative;
  z-index: 100;
  overflow: visible;
}
.beltRank:hover {
  cursor: default;
}

#beltRank {
  z-index: 90;
}

form.siteVideo {
  float: right;
  width: 120px;
  margin-top: 5px;
  height: 22px;
  position: relative;
}

button.siteVideo {
  display: inline;
  text-indent: -5000px;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  width: 120px;
  height: 22px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -404px -283px;
}
button.siteVideo:hover {
  cursor: pointer;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -404px -305px;
}

p.rankPercent {
  position: absolute;
  top: 0;
  left: 5px;
  height: 22px;
  display: block;
  line-height: 22px !important;
  font-size: 11px !important;
  color: #fff;
  font-weight: bold;
}

.subnav .one {
  background-image: url(../png/subnav_one_bg-5dd5a7cb00be32d3b9cd643dbb2536133e829434e23e06674a2022e7bdfd6944.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.subnav .two {
  background-image: url(../png/subnav_two_bg-9afbded40e4d16a5e641e3493c7ae74b26414f35b67c781ea45db54edc12556c.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.subnav .three {
  background-image: url(../png/subnav_three_bg-16eb6b2d4cf08dcb6a218fe3054e75c575dda629164589161e51a78ffa16c7cb.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.subnav .four {
  background-image: url(../png/subnav_four_bg-c79e7ce8f6add5cfc9a65600de76c6c9cb9d105db47f16b81cc16bcb486e4a0e.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.myRank {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden;
}

.subnav .red, .subnav .black, .subnav .coral, .subnav .brown, .subnav .purple, .subnav .blue, .subnav .orange, .subnav .white {
  background-color: #666;
}

.beltRank:hover .red {
  background-color: #c1320b;
  cursor: default;
}
.beltRank:hover .coral {
  background-color: #000;
  cursor: default;
}
.beltRank:hover .black {
  background-color: #000;
  cursor: default;
}
.beltRank:hover .brown {
  background-color: #6F4E0B;
  cursor: default;
}
.beltRank:hover .purple {
  background-color: #462864;
  cursor: default;
}
.beltRank:hover .blue {
  background-color: #4069BF;
  cursor: default;
}
.beltRank:hover .orange {
  background-color: #cc6d2f;
  cursor: default;
}
.beltRank:hover .white {
  background-color: #ccc;
  cursor: default;
}

#myRankInfo {
  position: absolute;
  top: 20px;
  left: 0;
  width: 110px;
  padding: 0 5px;
  display: none;
  background: #ccc;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}

.beltRank:hover #myRankInfo {
  display: block;
}

#myRankInfo p {
  display: block;
  clear: both;
  font-size: 11px !important;
  padding: 0 !important;
  color: #777;
  font-weight: bold;
  margin: 5px 0;
  text-align: center;
}
#myRankInfo p span {
  display: block;
  clear: both;
}
#myRankInfo p a {
  font-weight: normal;
}

.sidebar {
  /*
    these elements are shared outside of
    section#sidebar including on builder pages
  */
}
.sidebar.sticky-sidebar {
  float: left;
  right: 24px;
  width: 400px;
  display: inline;
  position: sticky;
  top: 10px;
}

section#sidebar .affiliateAdSidebar > .iconLead,
section#sidebar > .userBarSidebar > .sidebarFighter,
section#sidebar > .userBarSidebar > .userBarGames,
section#sidebar > .userBarSidebar > .userBarSubscribedThreads,
section#sidebar > .userBarSidebar > .userBarRankings,
section#sidebar > .userBarSidebar > .userBarGroups,
section#sidebar > .userBarSidebar > .userBarSidebarLinksSections,
section#sidebar > .afterPicksSidebar,
section#sidebar > .birthdaySidebar,
section#sidebar > .contactSidebar,
section#sidebar > .eventQuickCardSidebar,
section#sidebar > .inviteSidebar,
section#sidebar > .lessAdvertisingSidebar,
section#sidebar > .boutDisputeSidebar,
section#sidebar > .userPromotionSidebar,
section#sidebar > .moderatorSidebar,
section#sidebar .ownershipSidebar,
section#sidebar .ownershipsSidebar,
section#sidebar > .pickDeadlineSidebar,
section#sidebar > .rankingPreviewSidebar,
section#sidebar > .regionFCSidebar,
section#sidebar > .sidebarEventLeaderboard,
section#sidebar .sidebarEvent {
  background-color: #F2F2F2;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}
section#sidebar .featuredEventSidebar {
  box-sizing: border-box;
  background: #f2f2f2;
  border-radius: 5px;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
}
section#sidebar .featuredEventSidebar img {
  border-radius: 5px;
  width: 100%;
}
section#sidebar .rankingPreviewSidebar table {
  width: 100%;
  margin-top: 20px;
}
section#sidebar .rankingPreviewSidebar table th {
  color: #999;
  padding: 0 0 5px 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}
section#sidebar .rankingPreviewSidebar table th a:link, section#sidebar .rankingPreviewSidebar table th a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
section#sidebar .rankingPreviewSidebar table th a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar .rankingPreviewSidebar table td {
  text-align: left;
  line-height: 1.6em;
  color: #333;
  font-size: 12px;
  padding: 8px 5px;
}
section#sidebar .rankingPreviewSidebar table tr:nth-child(even) {
  background: #fafafa;
}
section#sidebar .iconLead {
  clear: both;
  display: flex;
  min-height: 60px;
  align-items: center;
}
section#sidebar .iconLead:not(:only-child) {
  margin-bottom: 10px;
}
section#sidebar .iconLead.spaced {
  margin-top: 20px;
}
section#sidebar .iconLead i {
  font-size: 48px;
  margin-right: 10px;
  color: #333333;
}
section#sidebar .iconLead i.alert {
  color: #a88843;
}
section#sidebar .iconLead i.redAlert {
  color: #c1320b;
}
section#sidebar .iconLead div.textContents {
  text-align: left;
}
section#sidebar .iconLead div.textContents > a {
  font-weight: bold;
}
section#sidebar .iconLead div.textContents a {
  display: inline-block;
  font-size: 17px;
  color: #333333;
  border-bottom: 1px dotted #333333;
  text-decoration: none;
}
section#sidebar .iconLead div.textContents a:not(:only-child) {
  margin-bottom: 10px;
}
section#sidebar .iconLead div.textContents a:hover {
  color: #c1320b;
  border-bottom: 1px solid #999;
}
section#sidebar .iconLead div.textContents div.leader {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: #333333;
}
section#sidebar .iconLead div.textContents div.leader:not(:only-child) {
  margin-bottom: 10px;
}
section#sidebar .iconLead div.textContents p {
  font-size: 12px;
  color: #666;
}
section#sidebar .iconLead div.textContents p.multi {
  line-height: 1.5em;
}
section#sidebar .iconLead div.textContents p a {
  font-size: 12px;
  color: #666;
  border-bottom: 1px dotted #999999;
}
section#sidebar .iconLead div.textContents p a:hover {
  border-bottom: 1px solid #999999;
}
section#sidebar ul.sidebar {
  padding-left: 4px;
}
section#sidebar ul.sidebar.alert {
  color: #c1320b;
}
section#sidebar ul.sidebar li {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
  color: #999999;
}
section#sidebar ul.sidebar li:last-of-type {
  margin-bottom: 0;
}
section#sidebar ul#mainActions {
  clear: both;
}
section#sidebar ul#mainActions li {
  float: left;
  width: 170px;
  display: inline;
  margin-right: 20px;
}
section#sidebar div.userBarSidebar ul.links h4 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.15;
  margin-bottom: 5px;
  color: #333333;
}
section#sidebar div.userBarSidebar ul.links li {
  display: inline-block;
  font-size: 11px;
  line-height: 2;
}
section#sidebar div.userBarSidebar ul.links li:not(:last-of-type):after {
  content: "·";
  margin: 0 5px;
}
section#sidebar div.userBarSidebar ul.links li a {
  color: #444444;
  border-bottom: 1px dotted #444444;
}
section#sidebar div.userBarSidebar ul.links li a:hover {
  border-bottom: 1px solid #444444;
}
section#sidebar div.userBarSidebar ul.links.keyActions li {
  font-size: 12px;
}
section#sidebar div.userBarSidebar .userBarSidebarLinksSections > section {
  display: flex;
  margin-bottom: 24px;
}
section#sidebar div.userBarSidebar .userBarSidebarLinksSections > section:last-of-type {
  margin-bottom: 0;
}
section#sidebar div.userBarSidebar .userBarSidebarLinksSections > section div.image {
  width: 48px;
  height: 48px;
  margin-right: 20px;
  transition: opacity 0.2s linear;
}
section#sidebar div.userBarSidebar .userBarSidebarLinksSections > section div.image img {
  border-radius: 4px;
  width: 48px;
  height: 48px;
}
section#sidebar div.userBarSidebar .userBarSidebarLinksSections > section div.image:hover {
  opacity: 0.7;
}
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li {
  margin-bottom: 0;
}
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li.eventName {
  background-color: #E6E6E6;
  padding: 2px 5px;
}
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li.pickResult {
  display: flex;
  align-items: center;
  height: 50px;
}
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li.pickResult span.correctBox,
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li.pickResult span.wrongBox {
  font-size: 28px;
  margin-top: -2px;
  margin-right: 2px;
}
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li.pickResult span.correctBox {
  color: rgba(63, 142, 63, 0.75);
}
section#sidebar div.userBarSidebar div.sidebarFighter ul.sidebar li.pickResult span.wrongBox {
  color: rgba(193, 50, 11, 0.75);
}
section#sidebar div.userBarSidebar div.userBarImage {
  width: 48px;
  height: 48px;
  float: right;
  transition: opacity 0.2s linear;
}
section#sidebar div.userBarSidebar div.userBarImage img {
  border-radius: 4px;
  width: 48px;
  height: 48px;
}
section#sidebar div.userBarSidebar div.userBarImage:hover {
  opacity: 0.7;
}
section#sidebar div.userBarSidebar div.userBarImage h4 {
  margin-top: 10px;
  color: #a88843;
  font-size: 15px;
  text-align: center;
}
section#sidebar div.userBarSidebar div.userBarImage h4 a:link, section#sidebar div.userBarSidebar div.userBarImage h4 a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
section#sidebar div.userBarSidebar div.userBarImage h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar div.userBarSidebar img.userBarCentered {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  transition: opacity 0.2s linear;
  border-radius: 4px;
}
section#sidebar div.userBarSidebar div.sidebarEvent div.embeddable {
  padding: 10px;
  background: #edeae1;
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin: 20px 0 10px 0;
  width: calc(100% - 20px);
}
section#sidebar div.userBarSidebar div.sidebarEvent div.embeddable label {
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 10px;
}
section#sidebar div.userBarSidebar div.sidebarEvent div.embeddable input {
  flex: 1;
  background: #fff;
  border: none;
  padding: 5px;
}
section#sidebar div.userBarSidebar div.sidebarEvent ul.links.keyActions {
  margin-bottom: 15px;
}
section#sidebar div.userBarSidebar div.userBarLinks {
  margin-right: 20px;
  float: left;
  width: 282px;
  height: 42px;
  padding: 3px 5px;
  background: #f9f9f9;
  border-radius: 5px;
}
section#sidebar div.userBarSidebar div.userBarLinks.wide {
  float: none;
  height: auto;
  background: #f0f8ff;
  margin-right: 0;
  width: 310px;
}
section#sidebar div.userBarSidebar .userBarLink {
  display: inline-block;
  height: 21px;
  width: 92px;
}
section#sidebar div.userBarSidebar .userBarLink.tiny {
  width: 40px;
}
section#sidebar div.userBarSidebar .userBarLink.small {
  width: 68px;
}
section#sidebar div.userBarSidebar .userBarLink.big {
  width: 282px;
}
section#sidebar div.userBarSidebar .userBarLink p {
  font-size: 11px;
  text-align: center;
  color: #333;
  padding-top: 5px;
}
section#sidebar div.userBarSidebar .userBarLink p a:link, section#sidebar div.userBarSidebar .userBarLink p a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
section#sidebar div.userBarSidebar .userBarLink p a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar div.userBarSidebar .userBarLink p.alt a:link, section#sidebar div.userBarSidebar .userBarLink p.alt a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #444;
}
section#sidebar div.userBarSidebar .userBarLink p.alt a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar div.userBarSidebar .userBarGameIdAndName {
  display: block;
}
section#sidebar div.userBarSidebar .userBarGameName {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 182px;
  height: 13px;
  padding-left: 5px;
}
section#sidebar div.userBarSidebar div.userBarRankings ul.sidebar li div.userBarRankNumber {
  display: inline-block;
  width: 35px;
  color: #CCCCCC;
  font-weight: bold;
  font-size: 13px;
}
section#sidebar div.userBarSidebar div.userBarRankings ul.sidebar li a {
  color: #333333;
}
section#sidebar div.userBarSidebar div.userBarRankings ul.sidebar li div.userBarRankDifference {
  float: right;
}
section#sidebar div.userBarSidebar .unopenedGames h4 {
  display: flex;
  height: 50px;
  align-items: center;
  font-weight: normal;
  font-size: 14px;
}
section#sidebar div.userBarSidebar .unopenedGames h4 > i {
  margin-right: 6px;
  font-size: 21px;
}
section#sidebar div.userBarSidebar .unopenedGames ul.sidebar {
  margin-bottom: 0;
}
section#sidebar div.userBarSidebar input.userBarInput {
  background: #f2f2f2;
  color: #333;
  border: none;
  padding: 10px;
  margin: 5px 0 0;
  border-radius: 5px;
}
section#sidebar div.userBarSidebar table.userBarEvent,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads,
section#sidebar div.userBarSidebar table.userBarGroups,
section#sidebar div.userBarSidebar table.userBarRanking,
section#sidebar div.userBarSidebar table.userBarGames {
  width: 100%;
  margin-top: 20px;
}
section#sidebar div.userBarSidebar table.userBarEvent th,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads th,
section#sidebar div.userBarSidebar table.userBarGroups th,
section#sidebar div.userBarSidebar table.userBarRanking th,
section#sidebar div.userBarSidebar table.userBarGames th {
  color: #999;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}
section#sidebar div.userBarSidebar table.userBarEvent th.center,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads th.center,
section#sidebar div.userBarSidebar table.userBarGroups th.center,
section#sidebar div.userBarSidebar table.userBarRanking th.center,
section#sidebar div.userBarSidebar table.userBarGames th.center {
  text-align: center;
}
section#sidebar div.userBarSidebar table.userBarEvent td,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td,
section#sidebar div.userBarSidebar table.userBarGroups td,
section#sidebar div.userBarSidebar table.userBarRanking td,
section#sidebar div.userBarSidebar table.userBarGames td {
  text-align: left;
  line-height: 1.6em;
  color: #333;
  font-size: 12px;
}
section#sidebar div.userBarSidebar table.userBarEvent td.gutter,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td.gutter,
section#sidebar div.userBarSidebar table.userBarGroups td.gutter,
section#sidebar div.userBarSidebar table.userBarRanking td.gutter,
section#sidebar div.userBarSidebar table.userBarGames td.gutter {
  border-bottom: none;
}
section#sidebar div.userBarSidebar table.userBarEvent td.points, section#sidebar div.userBarSidebar table.userBarEvent td.unread, section#sidebar div.userBarSidebar table.userBarEvent td.members,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td.points,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td.unread,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td.members,
section#sidebar div.userBarSidebar table.userBarGroups td.points,
section#sidebar div.userBarSidebar table.userBarGroups td.unread,
section#sidebar div.userBarSidebar table.userBarGroups td.members,
section#sidebar div.userBarSidebar table.userBarRanking td.points,
section#sidebar div.userBarSidebar table.userBarRanking td.unread,
section#sidebar div.userBarSidebar table.userBarRanking td.members,
section#sidebar div.userBarSidebar table.userBarGames td.points,
section#sidebar div.userBarSidebar table.userBarGames td.unread,
section#sidebar div.userBarSidebar table.userBarGames td.members {
  text-align: center;
}
section#sidebar div.userBarSidebar table.userBarGames td {
  padding: 5px 0;
  border-bottom: 1px dotted #666;
}
section#sidebar div.userBarSidebar table.userBarGroups th,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads th {
  padding-bottom: 5px;
}
section#sidebar div.userBarSidebar table.userBarGroups td,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td {
  padding: 8px 5px;
}
section#sidebar div.userBarSidebar table.userBarGroups td a:link, section#sidebar div.userBarSidebar table.userBarGroups td a:visited,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td a:link,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
section#sidebar div.userBarSidebar table.userBarGroups td a:hover,
section#sidebar div.userBarSidebar table.userBarSubscribedThreads td a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar div.userBarSidebar table.userBarGroups tr:nth-child(even),
section#sidebar div.userBarSidebar table.userBarSubscribedThreads tr:nth-child(even) {
  background: #fafafa;
}
section#sidebar div.userBarSidebar table.userBarEvent th {
  padding-bottom: 8px;
}
section#sidebar div.userBarSidebar table.userBarEvent td {
  padding: 8px 0;
  border-bottom: 1px dotted #666;
}
section#sidebar div.userBarSidebar table.userBarRanking th {
  padding-bottom: 8px;
}
section#sidebar div.userBarSidebar table.userBarRanking td {
  padding: 5px 0;
}
section#sidebar div.userBarSidebar table.userBarRanking td a:link, section#sidebar div.userBarSidebar table.userBarRanking td a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
section#sidebar div.userBarSidebar table.userBarRanking td a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference {
  text-align: center;
  font-size: 11px;
  color: #4069bf;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference.left, section#sidebar div.userBarSidebar table.userBarRanking td.difference.right {
  width: 50px;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference.right {
  padding-right: 1px;
  text-align: right;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference.left {
  padding-left: 1px;
  text-align: left;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference span.unranked {
  color: #CCCCCC;
  text-transform: capitalize;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference span.higher {
  color: #228B22;
}
section#sidebar div.userBarSidebar table.userBarRanking td.difference span.lower {
  color: #c1320b;
}
section#sidebar div.userBarSidebar table.userBarRanking td.rank {
  width: 30px;
  font-weight: bold;
  color: #CCCCCC;
  font-size: 13px;
}
section#sidebar table.sidebarEventLeaderboard {
  width: 100%;
  margin-top: 10px;
}
section#sidebar table.sidebarEventLeaderboard th {
  color: #999;
  padding: 0;
  line-height: 2em;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
}
section#sidebar table.sidebarEventLeaderboard th.center {
  text-align: center;
}
section#sidebar table.sidebarEventLeaderboard td {
  text-align: left;
  line-height: 2em;
  color: #333;
  font-size: 12px;
}
section#sidebar table.sidebarEventLeaderboard td.gutter {
  border-bottom: none;
}
section#sidebar table.sidebarEventLeaderboard td.points {
  text-align: center;
}
section#sidebar div.afterPicksSidebar div.embeddable {
  padding: 10px;
  background: #edeae1;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
section#sidebar div.afterPicksSidebar div.embeddable label {
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 10px;
}
section#sidebar div.afterPicksSidebar div.embeddable input {
  flex: 1;
  background: #fff;
  border: none;
  padding: 5px;
}
section#sidebar div.ownershipsSidebar ul.sidebar li a {
  color: #333333;
}
section#sidebar div.pickDeadlineSidebar {
  margin-bottom: 20px;
}
section#sidebar div.pickDeadlineSidebar a:link, section#sidebar div.pickDeadlineSidebar a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
section#sidebar div.pickDeadlineSidebar a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar .ownershipSidebar .iconLead:nth-of-type(2) {
  margin-bottom: 0;
}
section#sidebar .eventQuickCardSidebar {
  font-size: 12px;
  color: #333;
  padding-bottom: 20px;
}
section#sidebar .eventQuickCardSidebar a:link, section#sidebar .eventQuickCardSidebar a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
section#sidebar .eventQuickCardSidebar a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
section#sidebar .eventQuickCardSidebar:hover a:link, section#sidebar .eventQuickCardSidebar:hover a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
section#sidebar .eventQuickCardSidebar:hover a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar .eventQuickCardSidebar ul li:nth-child(even) {
  background: #E6E6E6;
}
section#sidebar .eventQuickCardSidebar li {
  padding: 0 8px;
  line-height: 32px;
  display: flex;
  justify-content: space-between;
}
section#sidebar .eventQuickCardSidebar li img {
  height: 9px;
}
section#sidebar .regionFCSidebar a {
  border-bottom: none !important;
}
section#sidebar .regionFCSidebar a:hover {
  border-bottom: none !important;
}
section#sidebar h2.sidebarHeader {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 15px;
  clear: both;
}
section#sidebar h2.sidebarHeader.lowPad {
  padding-bottom: 8px;
}
section#sidebar h2.sidebarHeader.affiliate {
  color: #666;
}
section#sidebar h2.sidebarHeader a:link, section#sidebar h2.sidebarHeader a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
section#sidebar h2.sidebarHeader a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section#sidebar label.sidebarHint {
  clear: both;
  display: block;
  width: 400px;
  margin-bottom: 15px;
  font-size: 11px;
  color: #333;
}
section#sidebar a.shopSide {
  margin: 30px 65px 30px;
  height: 69px;
  width: 270px;
  display: block;
  text-indent: -5000px;
  border: none;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0px -510px;
}
section#sidebar a.shopSide:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -280px -510px;
  cursor: pointer;
}

@media (min-width: 961px) {
  section#sidebar {
    float: left;
    width: 400px;
    display: inline;
  }
  section#sidebar div.sidebarToggler {
    display: none;
    pointer-events: none;
  }
}
@media (max-width: 960px) {
  section#sidebar {
    position: fixed;
    overflow-x: scroll;
    z-index: 1000;
    top: 0;
    bottom: 0;
    right: 0;
    width: 400px;
    padding: 0 10px;
    background-color: #FFFFFF;
    border-left: 5px solid #333333;
    transition: 0.3s ease;
  }
  section#sidebar.visible {
    transform: translateX(0);
  }
  section#sidebar:not(.visible) {
    transform: translateX(100%);
  }
  section#sidebar .sidebarToggler i.toggler {
    color: #333333;
    margin: 8px 0 14px 0;
    background: rgba(238, 238, 238, 0.85);
    padding: 13px;
    border-radius: 50%;
    cursor: pointer;
  }
  section#sidebar .sidebarToggler i.toggler:hover {
    color: #c1320b;
  }
}
@media all {
  .printFriendlyLogo {
    width: 300px;
    margin-top: 5px;
    margin-bottom: 20px;
  }
}

@media all {
  .printFriendlyFooter {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 2px solid #c1320b;
    width: 100%;
    color: #666;
    font-size: 12px;
  }
}

@media all {
  .printFriendlySeparator {
    width: 100%;
    border-bottom: 2px solid #c1320b;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media all {
  .printFriendly {
    margin-top: 20px;
  }
  .printFriendly h2 {
    font-size: 30px;
    color: #866d36;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .printFriendly h3 {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .printFriendly table {
    margin-bottom: 15px;
  }
  .printFriendly table.medium {
    min-width: 500px;
  }
  .printFriendly table, .printFriendly th, .printFriendly td {
    border: 1px solid #ccc;
  }
  .printFriendly th, .printFriendly td {
    font-size: 13px;
    padding: 4px;
    vertical-align: middle;
    text-align: left;
  }
  .printFriendly th.pr, .printFriendly td.pr {
    padding-right: 10px;
  }
  .printFriendly th.padY, .printFriendly td.padY {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .printFriendly th.padX, .printFriendly td.padX {
    padding-left: 7px;
    padding-right: 7px;
  }
  .printFriendly th.center, .printFriendly td.center {
    text-align: center;
  }
  .printFriendly th.resultHeader, .printFriendly td.resultHeader {
    min-width: 50px;
    padding: 7px;
    font-size: 12px;
    text-align: center;
  }
  .printFriendly th span.small, .printFriendly td span.small {
    font-size: 11px;
    color: #777;
  }
  .printFriendly th span.medium, .printFriendly td span.medium {
    font-size: 12px;
  }
  .printFriendly th span.veryLarge, .printFriendly td span.veryLarge {
    font-size: 18px;
  }
  .printFriendly td.win {
    background: #d1f7d2;
  }
  .printFriendly td.loss {
    background: #efd7d7;
  }
  .printFriendly td.draw {
    background: #deecfc;
  }
  .printFriendly td.nc {
    background: #ededed;
  }
  .printFriendly td.cancel {
    background: #e9e9e9;
  }
  .printFriendly td.unknown {
    background: #F9BEFF;
  }
  .printFriendly th {
    font-weight: bold;
    background: #f5f5f5;
  }
}

#overall_container2 {
  margin: 20px 0 0 0;
}
#overall_container2 #chart_container2 {
  width: 250px;
  position: relative;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
}
#overall_container2 #chart_container2 #chart2 {
  display: inline-block;
}
#overall_container2 .x_axis {
  height: 30px;
  position: relative;
}

#overall_container3 {
  margin: 20px 0 0 0;
}
#overall_container3 #chart_container3 {
  width: 250px;
  position: relative;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
}
#overall_container3 #chart_container3 #chart3 {
  display: inline-block;
}
#overall_container3 #chart_container3 .x_axis3 {
  height: 30px;
  position: relative;
}
#overall_container3 #legend3 {
  display: inline-block;
  vertical-align: top;
  width: 73px;
  margin: 0 0 0 20px;
}

#overall_container2 .rickshaw_graph .detail .x_label,
#overall_contaner3 .rickshaw_graph .detail .x_label {
  display: none;
}
#overall_container2 .rickshaw_graph .detail .item,
#overall_contaner3 .rickshaw_graph .detail .item {
  line-height: 1.4;
  padding: 0.5em;
}
#overall_container2 .detail_swatch,
#overall_contaner3 .detail_swatch {
  float: right;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px 0 0;
}
#overall_container2 .rickshaw_graph .detail .date,
#overall_contaner3 .rickshaw_graph .detail .date {
  color: #a0a0a0;
}

.overall_container {
  margin: 20px 0;
}
.overall_container .legend {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 10px;
}

.chart_container {
  position: relative;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
}
.chart_container .chart {
  display: inline-block;
  margin-left: 40px;
}
.chart_container .title {
  bottom: -15px !important;
}
.chart_container .y_axis {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
}
.chart_container .slider {
  margin: 15px 0 0 40px;
}

.rickshaw_graph .detail .x_label {
  display: none;
}

.rickshaw_graph .detail .item {
  line-height: 1.4;
  padding: 0.5em;
}

.detail_swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px 0 0;
}

.rickshaw_graph .detail .date {
  color: #a0a0a0;
}

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  width: 400px;
  border: 1px solid #999;
  cursor: text;
  font-size: 12px;
  font-family: Verdana;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list li {
  list-style-type: none;
}

ul.token-input-list li input {
  border: 0;
  width: 350px;
  padding: 3px 8px;
  background-color: white;
  -webkit-appearance: caret;
}

li.token-input-token {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  margin: 3px;
  padding: 3px 5px;
  background-color: #d0efa0;
  color: #000;
  font-weight: bold;
  cursor: default;
  display: block;
}

li.token-input-token p {
  float: left;
  padding: 0;
  margin: 0;
}

li.token-input-token span {
  float: right;
  color: #777;
  cursor: pointer;
}

li.token-input-selected-token {
  background-color: #08844e;
  color: #fff;
}

li.token-input-selected-token span {
  color: #bbb;
}

div.token-input-dropdown {
  position: absolute;
  width: 400px;
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 12px;
  font-family: Verdana;
  z-index: 1;
}

div.token-input-dropdown p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown ul li {
  background-color: #fff;
  padding: 3px;
  list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: #fff;
}

div.token-input-dropdown ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #d0efa0;
}

/* Modifications from Base Template Are Commented */
ul.token-input-list-users {
  overflow: hidden;
  display: inline-block; /*mod*/
  height: 52px; /*mod*/
  width: 300px; /*mod*/
  border: 1px solid #999;
  cursor: text;
  font-size: 12px;
  font-family: Verdana;
  z-index: 999;
  margin: 0;
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list-users li {
  list-style-type: none;
}

ul.token-input-list-users li input {
  border: 0;
  width: 280px; /*mod*/
  padding: 15px; /*mod*/
  background-color: white;
  font-size: 19px; /*mod*/
  color: #c1320b; /*mod*/
  -webkit-appearance: caret;
}

li.token-input-token-users {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  margin: 3px;
  padding: 3px 5px;
  background-color: khaki; /*mod*/
  color: #000;
  font-weight: bold;
  font-size: 13px; /*mod*/
  cursor: default;
  display: block;
}

li.token-input-token-users p {
  float: left;
  padding: 0;
  margin: 0;
}

li.token-input-token-users span {
  float: right;
  color: #777;
  cursor: pointer;
}

/* ----------------- mod ----------------*/
li.token-input-token-users img.leftIcon {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

li.token-input-selected-token-users {
  background-color: khaki; /*mod*/
  color: #fff; /*mod*/
}

/*--------------------------------------*/
li.token-input-selected-token-users span {
  color: #bbb;
}

div.token-input-dropdown-users {
  position: absolute;
  width: 300px; /*mod*/
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 12px;
  font-family: Verdana;
  z-index: 1;
}

div.token-input-dropdown-users p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown-users ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown-users ul li {
  background-color: #fff;
  padding: 5px;
  font-size: 13px; /*mod*/
  list-style-type: none;
}

/* ----------------- mod ----------------*/
div.token-input-dropdown-users img.leftIcon {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*--------------------------------------*/
div.token-input-dropdown-users ul li.token-input-dropdown-item-users {
  background-color: #fafafa;
}

div.token-input-dropdown-users ul li.token-input-dropdown-item2-users {
  background-color: #fff;
}

div.token-input-dropdown-users ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown-users ul li.token-input-selected-dropdown-item-users {
  background-color: khaki; /*mod*/
}

/*----------mod----------*/
div.multiRowUsers {
  display: inline-block;
  padding-left: 20px;
}

div.firstRowUsers {
  font-size: 14px;
  padding-bottom: 5px;
}

div.secondRowUsers {
  font-size: 12px;
  margin-bottom: 3px;
  color: #999;
}

/*-----------------------*/
/* Modifications from Base Template Are Commented */
ul.token-input-list-fighters {
  overflow: hidden;
  display: inline-block; /*mod*/
  height: 74px; /*mod*/
  width: 650px; /*mod*/
  border: 1px solid #999;
  cursor: text;
  font-size: 12px;
  font-family: Verdana;
  z-index: 9999; /*mod*/
  margin: 0 !important; /*mod*/
  padding: 0;
  background-color: #fff;
  list-style-type: none;
  clear: left;
}

ul.token-input-list-fighters li {
  list-style-type: none;
}

ul.token-input-list-fighters li input {
  border: 1px solid white;
  width: 608px; /*mod*/
  padding: 23px 20px; /*mod*/
  background-color: white;
  font-size: 22px; /*mod*/
  color: #c1320b; /*mod*/
  -webkit-appearance: caret;
}

li.token-input-token-fighters {
  overflow: hidden;
  height: auto !important;
  height: 1%;
  margin: 2px;
  padding: 3px 5px;
  background-color: khaki; /*mod*/
  color: #000;
  font-weight: bold;
  font-size: 13px; /*mod*/
  cursor: default;
  display: block;
  line-height: 1em; /*mod*/
}

li.token-input-token-fighters p {
  float: left;
  padding: 0;
  margin: 0;
}

li.token-input-token-fighters span {
  float: right;
  color: #777;
  cursor: pointer;
}

/* ----------------- mod ----------------*/
li.token-input-token-fighters img.leftIcon {
  width: 54px;
  height: 54px;
  margin: 0;
  display: inline;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

li.token-input-selected-token-fighters {
  background-color: khaki; /*mod*/
  color: #fff; /*mod*/
}

/*--------------------------------------*/
li.token-input-selected-token-fighters span {
  color: #bbb;
}

div.token-input-dropdown-fighters {
  position: absolute;
  width: 650px; /*mod*/
  background-color: #fff;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  cursor: default;
  font-size: 12px;
  font-family: Verdana;
  z-index: 999; /*mod*/
}

div.token-input-dropdown-fighters p {
  margin: 0;
  padding: 5px;
  font-weight: bold;
  color: #777;
}

div.token-input-dropdown-fighters ul {
  margin: 0;
  padding: 0;
}

div.token-input-dropdown-fighters ul li {
  background-color: #fff;
  padding: 5px;
  font-size: 13px; /*mod*/
  list-style-type: none;
}

/* ----------------- mod ----------------*/
div.token-input-dropdown-fighters img.leftIcon {
  width: 49px;
  height: 49px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*--------------------------------------*/
div.token-input-dropdown-fighters ul li.token-input-dropdown-item-fighters {
  background-color: #eee;
}

div.token-input-dropdown-fighters ul li.token-input-dropdown-item2-fighters {
  background-color: #fff;
}

div.token-input-dropdown-fighters ul li em {
  font-weight: bold;
  font-style: normal;
}

div.token-input-dropdown-fighters ul li.token-input-selected-dropdown-item-fighters {
  background-color: khaki; /*mod*/
}

/*----------mod----------*/
div.multiRowFighters {
  display: inline-block;
  padding-left: 10px;
}

div.firstRowFighters {
  max-width: 581px;
  font-size: 14px;
  padding-bottom: 5px;
}

div.secondRowFighters {
  max-width: 581px;
  font-size: 12px;
  padding-bottom: 5px;
}

div.thirdRowFighters {
  max-width: 581px;
  font-size: 10px;
  color: #888;
  font-weight: normal;
}

img.tokenFighterFlag {
  display: inline !important;
  margin: 0 !important;
  padding-right: 5px;
  height: 10px;
  width: 17px;
}

/*-----------------------*/
trix-editor {
  border: 1px solid #e1e1e1;
  background: #fff;
  border-radius: 3px;
  padding: 3px 2px;
  font-size: 13px;
  margin: 0;
  min-height: 8em;
  outline: none;
  line-height: 1.4em;
  text-align: left;
  padding-top: 10px;
  width: 706px;
}
trix-editor img {
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 716px;
  text-align: center;
}
trix-editor figure {
  margin: 10px;
}
trix-editor object,
trix-editor embed,
trix-editor iframe {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 315px !important;
  width: 560px !important;
}
trix-editor ul {
  display: block;
  list-style-type: disc;
  padding-inline-start: 40px;
}
trix-editor .attachment {
  display: inline-block;
  margin: 0;
}
trix-editor span.user-mention {
  color: #866d36;
  text-decoration: none;
  padding: 2px 0;
  border-radius: 3px;
  cursor: pointer;
}
trix-editor span.user-mention:hover {
  background: #edeae1;
}
trix-editor figcaption {
  display: inline-block;
}
trix-editor .attachment__toolbar {
  display: inline-block;
  margin-right: 5px;
}
trix-editor .attachment__toolbar button {
  font-size: 11px;
  padding: 0 5px;
}
trix-editor a:link, trix-editor a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
trix-editor a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

trix-mentions ul[role=listbox] {
  position: fixed;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  min-width: 130px;
}
trix-mentions li[role=option]:not(:last-child) {
  border-bottom: 1px solid #a88843;
}
trix-mentions li[role=option] {
  font-size: 13px;
  padding: 6px;
}
trix-mentions li[role=option]:hover {
  background: #866d36;
  color: #fff;
  cursor: pointer;
}

#post_editor_toolbar * {
  box-sizing: border-box;
}

#post_editor_toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

#post_editor_toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

#post_editor_toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-device-width: 768px) {
  #post_editor_toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
#post_editor_toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-device-width: 768px) {
  #post_editor_toolbar .trix-button-group-spacer {
    display: none;
  }
}
#post_editor_toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #e1e1e1;
  border-radius: 0;
  background: transparent;
}

#post_editor_toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

#post_editor_toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

#post_editor_toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

#post_editor_toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-device-width: 768px) {
  #post_editor_toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
#post_editor_toolbar .trix-button--icon {
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-device-width: 768px) {
  #post_editor_toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
#post_editor_toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-device-width: 768px) {
  #post_editor_toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
#post_editor_toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

#post_editor_toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

#post_editor_toolbar .trix-button--icon-attach::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E);
  top: 8%;
  bottom: 4%;
}

#post_editor_toolbar .trix-button--icon-bold::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-italic::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-link::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-bullet-list::before {
  background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-image::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20class%3D%22w-6%20h-6%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m2.25%2015.75%205.159-5.159a2.25%202.25%200%200%201%203.182%200l5.159%205.159m-1.5-1.5%201.409-1.409a2.25%202.25%200%200%201%203.182%200l2.909%202.909m-18%203.75h16.5a1.5%201.5%200%200%200%201.5-1.5V6a1.5%201.5%200%200%200-1.5-1.5H3.75A1.5%201.5%200%200%200%202.25%206v12a1.5%201.5%200%200%200%201.5%201.5zm10.5-11.25h.008v.008h-.008V8.25zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-video::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20class%3D%22w-6%20h-6%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m15.75%2010.5%204.72-4.72a.75.75%200%200%201%201.28.53v11.38a.75.75%200%200%201-1.28.53l-4.72-4.72M4.5%2018.75h9a2.25%202.25%200%200%200%202.25-2.25v-9a2.25%202.25%200%200%200-2.25-2.25h-9A2.25%202.25%200%200%200%202.25%207.5v9a2.25%202.25%200%200%200%202.25%202.25z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-undo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E);
}

#post_editor_toolbar .trix-button--icon-redo::before {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E);
}

#adminbar {
  font-size: 10px;
  border-bottom: 2px solid #eeeeee;
  background: #dddddd;
  padding: 4px 8px;
}
#adminbar a:link, #adminbar a:visited {
  color: #9a2809;
  text-decoration: none;
  border-bottom: none;
}
#adminbar a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
#adminbar a {
  padding: 0px 5px;
}
#adminbar .superAdminBar {
  display: inline;
}
#adminbar .superAdminBar a:link, #adminbar .superAdminBar a:visited {
  color: #26466d;
  text-decoration: none;
  border-bottom: none;
}
#adminbar .superAdminBar a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

#adminTwoColumn {
  float: left;
  width: 756px;
  margin-right: 20px;
}
#adminTwoColumn textarea {
  width: 716px;
}

section#adminSidebar {
  float: left;
  width: 400px;
  display: inline;
}
section#adminSidebar .container {
  background-color: #f2f2f2;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}
section#adminSidebar .instruction h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.15;
  margin-bottom: 12px;
  color: #333;
}
section#adminSidebar .instruction p {
  font-size: 13px;
  color: #333;
  line-height: 1.5em;
  margin-bottom: 12px;
}
section#adminSidebar .instruction p:last-of-type {
  margin-bottom: 0;
}
section#adminSidebar li {
  background: #fbfbfb;
  border-radius: 5px;
  margin-bottom: 10px;
}
section#adminSidebar li:last-of-type {
  margin-bottom: none;
}
section#adminSidebar .status {
  border-radius: 5px;
  padding: 10px;
  font-size: 18px;
}
section#adminSidebar .status.pending {
  background: #e6effb;
  color: #26466d;
}
section#adminSidebar .status.completed {
  background: #f2ffda;
  color: #034003;
}
section#adminSidebar .status.on_hold {
  background: #ffdfd7;
  color: #5d1502;
}
section#adminSidebar .status.under_review {
  background: #f4d068;
  color: #382b08;
}
section#adminSidebar .status .notes {
  margin-top: 10px;
}
section#adminSidebar .status .notes i {
  color: #555;
  font-size: 20px;
}
section#adminSidebar .status .notes i:hover {
  color: #c1320b;
}
section#adminSidebar .users p {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  margin-bottom: 7px;
}
section#adminSidebar .users i {
  font-size: 18px;
}
section#adminSidebar .users ul.margin {
  margin-bottom: 15px;
}
section#adminSidebar .users li {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 25px;
  padding: 5px;
  height: 30px;
}
section#adminSidebar .users li .icon {
  order: 1;
}
section#adminSidebar .users li .icon img {
  border-radius: 5px;
  max-height: 100%;
}
section#adminSidebar .users li .name, section#adminSidebar .users li .time, section#adminSidebar .users li .edit, section#adminSidebar .users li .notes, section#adminSidebar .users li .outcome, section#adminSidebar .users li .toggle {
  display: flex;
  align-items: center;
}
section#adminSidebar .users li .name {
  flex-basis: 25%;
  order: 2;
  color: #333;
  font-size: 12px;
}
section#adminSidebar .users li .time {
  order: 3;
  color: #777;
  font-size: 12px;
}
section#adminSidebar .users li .edit {
  order: 4;
}
section#adminSidebar .users li .edit a {
  text-decoration: none;
  border-bottom: none;
  color: #c1320b;
}
section#adminSidebar .users li .toggle {
  order: 7;
}
section#adminSidebar .users li .toggle a:link, section#adminSidebar .users li .toggle a:visited {
  color: #777;
  text-decoration: none;
  border-bottom: 1px dotted #777;
}
section#adminSidebar .users li .toggle a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
section#adminSidebar .users li .notes {
  order: 5;
  font-size: 10px;
  color: #aaa;
}
section#adminSidebar .users li .outcome {
  order: 6;
  font-size: 12px;
  font-weight: bold;
  color: #a88843;
}
section#adminSidebar .actions p {
  font-size: 13px;
  color: #333;
  font-weight: bold;
  margin-bottom: 7px;
}
section#adminSidebar .actions li {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 10px;
  height: 30px;
  gap: 30px;
}
section#adminSidebar .actions li .notes, section#adminSidebar .actions li .status {
  order: 2;
  display: flex;
  flex: 5;
  align-items: center;
}
section#adminSidebar .actions li .status {
  font-size: 12px;
  color: #777;
}
section#adminSidebar .actions li .notes {
  font-size: 10px;
  color: #aaa;
}
section#adminSidebar .actions li form {
  order: 1;
  width: 25%;
}
section#adminSidebar .actions li form input, section#adminSidebar .actions li form button {
  width: 100%;
  height: 100%;
  border: 1px solid #999;
  border-radius: 5px;
}
section#adminSidebar .actions li form input:active, section#adminSidebar .actions li form button:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}
section#adminSidebar .actions li form input.reject:hover, section#adminSidebar .actions li form button.reject:hover {
  border: 1px solid #c1320b;
  background: #ffdfd7;
  color: #c1320b;
}
section#adminSidebar .actions li form input.approve:hover, section#adminSidebar .actions li form button.approve:hover {
  border: 1px solid #034003;
  background: #f2ffda;
  color: #034003;
}

form.adminTaskComment {
  margin-top: 20px;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 5px;
  background: #f2f2f2;
}
form.adminTaskComment section {
  margin-top: 20px;
}
form.adminTaskComment textarea {
  height: 80px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  background: #fff;
}
form.adminTaskComment .adminTaskFileUpload {
  padding: 10px;
  border-radius: 5px;
  background: #555;
  color: #f2f2f2;
  margin: 30px 0;
}
form.adminTaskComment .adminTaskFileUpload span {
  font-size: 13px;
}
form.adminTaskComment .adminTaskFileUpload input {
  margin-top: 10px;
}
form.adminTaskComment .actionsContainer {
  margin-top: 20px;
  display: flex;
  height: 24px;
}
form.adminTaskComment .alignContainer {
  flex: 1;
}
form.adminTaskComment .submitContainer {
  flex: 3;
}
form.adminTaskComment .toggleContainer {
  display: flex;
  flex: 1;
}
form.adminTaskComment .toggleButton {
  margin-left: auto;
  display: flex;
  align-items: center;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 2px 2px 2px 5px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #777;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
form.adminTaskComment .toggleButton i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 22px;
  color: #777;
}
form.adminTaskComment .toggleButton span {
  font-size: 11px;
}
form.adminTaskComment .toggleButton i {
  margin-left: 5px;
  font-size: 20px;
}
form.adminTaskComment .toggleButton:hover {
  background: #f1f1f1;
}
form.adminTaskComment .toggleButton:hover i {
  color: #c1320b;
}

.adminFighterPromotions {
  margin-top: 20px;
}

.adminTaskComments .taskComment {
  margin-top: 15px;
  padding: 10px 20px;
  background: #f2f2f2;
  border-radius: 5px;
}
.adminTaskComments .taskComment a:link, .adminTaskComments .taskComment a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.adminTaskComments .taskComment a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.adminTaskComments .taskComment .mainBody {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.adminTaskComments .taskComment .information {
  display: flex;
  order: 1;
  flex-direction: column;
  padding-top: 5px;
}
.adminTaskComments .taskComment .information .header {
  display: flex;
  font-size: 12px;
}
.adminTaskComments .taskComment .information .header span.system {
  color: cadetblue;
}
.adminTaskComments .taskComment .information .header span.name {
  color: #a88843;
}
.adminTaskComments .taskComment .information .header span.time {
  margin-left: 20px;
  color: #aaa;
}
.adminTaskComments .taskComment .information .text {
  line-height: 1.3em;
  font-size: 13px;
  padding-top: 8px;
  color: #222;
  width: fit-content;
  text-align: left;
  word-break: break-word;
}
.adminTaskComments .taskComment .avatar {
  display: flex;
  justify-content: center;
  order: 2;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  max-height: 35px;
}
.adminTaskComments .taskComment .avatar.system {
  background: none;
}
.adminTaskComments .taskComment .avatar img {
  width: 35px;
  height: 35px;
}
.adminTaskComments .taskComment .avatar i {
  font-size: 35px;
  color: #ddd;
  cursor: default;
}
.adminTaskComments .taskComment .fileUploads {
  margin-top: 15px;
  border-top: 1px dotted #bbb;
}
.adminTaskComments .taskComment .fileUploads .fileUpload {
  display: flex;
  gap: 20px;
  padding: 10px 0;
  height: 35px;
  border-bottom: 1px dotted #bbb;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
.adminTaskComments .taskComment .fileUploads .fileUpload i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 35px;
  color: #333;
}
.adminTaskComments .taskComment .fileUploads .fileUpload:last-of-type {
  border-bottom: none;
}
.adminTaskComments .taskComment .fileUploads .fileUpload .icon {
  cursor: default;
}
.adminTaskComments .taskComment .fileUploads .fileUpload .filename, .adminTaskComments .taskComment .fileUploads .fileUpload .size {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.adminTaskComments .taskComment .fileUploads .fileUpload .size {
  color: #999;
}

.adminTaskReview {
  margin: 20px 0;
  padding: 20px;
  background: #edeae1;
  border-radius: 5px;
}
.adminTaskReview .fieldChange {
  display: flex;
  justify-content: space-evenly;
  height: 50px;
}
.adminTaskReview .fieldChange a:link, .adminTaskReview .fieldChange a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.adminTaskReview .fieldChange a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.adminTaskReview .fieldChange .label {
  order: 1;
  font-size: 16px;
  display: flex;
  align-items: center;
  color: 999;
}
.adminTaskReview .fieldChange .original, .adminTaskReview .fieldChange .request {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #f5f3ee;
  padding: 0 20px;
}
.adminTaskReview .fieldChange .original .title, .adminTaskReview .fieldChange .request .title {
  font-size: 11px;
  color: #999;
}
.adminTaskReview .fieldChange .original .value, .adminTaskReview .fieldChange .request .value {
  font-size: 20px;
  color: #333;
}
.adminTaskReview .fieldChange .original {
  order: 2;
}
.adminTaskReview .fieldChange .request {
  order: 3;
}

.adminRelatedAdminTasksHeader {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 0 10px;
  background: #333;
  margin: 5px 0;
  border-radius: 5px;
}
.adminRelatedAdminTasksHeader .label {
  font-size: 13px;
  color: #bbb;
}
.adminRelatedAdminTasksHeader .label span {
  color: #ffdfd7;
}
.adminRelatedAdminTasksHeader .toggleContainer {
  display: flex;
  align-items: center;
}
.adminRelatedAdminTasksHeader .toggleContainer span {
  font-size: 10px;
  color: #bbb;
}
.adminRelatedAdminTasksHeader .toggleContainer i {
  font-size: 20px;
  color: #fff;
  margin-left: 5px;
  cursor: pointer;
}
.adminRelatedAdminTasksHeader .toggleContainer i:hover {
  color: orange;
}

.adminHeaderAndUserSelector {
  display: flex;
  flex-direction: column;
}

.adminHeaderUserSelector {
  display: none;
  background: #00005f;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 10px;
  flex-grow: 1;
  align-items: center;
  gap: 100px;
  justify-content: center;
}
.adminHeaderUserSelector.marBot {
  margin-bottom: 10px;
}
.adminHeaderUserSelector span {
  font-size: 14px;
  color: #fff;
}

.adminHeaderAndUserIconHolder {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
}
.adminHeaderAndUserIconHolder.marBot {
  margin-bottom: 10px;
}
.adminHeaderAndUserIconHolder .adminHeaderUserIcon {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  background: #333;
}
.adminHeaderAndUserIconHolder .adminHeaderUserIcon img {
  width: 22px;
  height: 22px;
  border: 1px solid #aaa;
}
.adminHeaderAndUserIconHolder .adminHeaderUserIcon img.pointer {
  cursor: pointer;
}

h1.admin {
  padding: 10px;
  background: #555;
  font-size: 15px;
  margin: 0px;
  color: orange;
  border-radius: 5px;
}
h1.admin.superAdmin {
  color: #ffffcc;
  background: #26466D;
}
h1.admin.superAdmin span {
  float: right;
  color: #ccc;
  font-size: 12px;
}
h1.admin.grow {
  flex-grow: 1;
}
h1.admin.marTop {
  margin-top: 20px;
}
h1.admin.marTopSmall {
  margin-top: 5px;
}
h1.admin.marBot {
  margin-bottom: 20px;
}
h1.admin.darkColor {
  background: #333;
}
h1.admin.altColor {
  background: #ccc;
  color: #333;
  font-size: 13px;
}
h1.admin.notice {
  background: #222;
  line-height: 1.4em;
  margin-top: 5px;
  color: #999;
}
h1.admin.notice span.visible {
  color: #33cc00;
}
h1.admin.notice span.invisible {
  color: #ff3300;
}
h1.admin.notice span.partial {
  color: yellow;
}
h1.admin span.processing {
  font-size: 20px;
  color: yellow;
}
h1.admin span.floatright {
  float: right;
}
h1.admin span.small {
  font-size: 11px;
}
h1.admin span.ownership {
  font-size: 24px;
}
h1.admin.ownership {
  margin-top: 20px !important;
}
h1.admin .right {
  float: right;
  margin-right: 10px;
  padding-top: 2px;
  font-size: 11px;
  color: #999;
}
h1.admin a, h1.admin a:visited {
  float: right;
  color: white;
  border-bottom: 1px dotted white;
  padding-top: 2px;
  margin-left: 20px;
  font-size: 11px;
}
h1.admin a.large, h1.admin a:visited.large {
  font-size: 14px;
  padding-top: 0;
}
h1.admin a.addBout, h1.admin a:visited.addBout {
  font-size: 15px;
  padding-top: 0;
}
h1.admin a.newRecord, h1.admin a:visited.newRecord {
  float: none;
  font-size: 12px;
}
h1.admin a.noFloat, h1.admin a:visited.noFloat {
  float: none;
  font-size: 15px;
  margin-left: 0;
  padding-top: 0;
}
h1.admin a.altColor, h1.admin a:visited.altColor {
  color: #c1320b;
}
h1.admin a.orange, h1.admin a:visited.orange {
  color: orange;
  border-bottom: 1px dotted orange;
}
h1.admin a:hover {
  color: #333;
  border-bottom: 1px solid #333;
}
h1.admin a:hover.orange {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
h1.admin a.fullSizeLink {
  font-size: 15px !important;
  margin-left: 0;
}
h1.admin a.adminLeft {
  padding: 0;
  font-size: 12px;
  float: none;
}

h1.adminLiveCoverage {
  padding: 10px;
  background: #119411;
  font-size: 26px;
  color: #333;
  border-radius: 5px;
  line-height: 1.4em;
}
h1.adminLiveCoverage a, h1.adminLiveCoverage a:visited {
  float: right;
}
h1.adminLiveCoverage.notlive {
  background: yellow;
}
h1.adminLiveCoverage.complete {
  background: #e6effb;
}

h2.adminBig {
  display: flex;
  font-size: 24px;
  align-items: center;
  justify-content: center;
  background: #e6effb;
  color: #26466d;
  height: 48px;
  margin-top: 30px;
  margin-bottom: 15px;
}

h2.admin {
  font-size: 16px;
}
h2.admin.marBot {
  margin-bottom: 20px;
}
h2.admin.marTop {
  border-top: 1px dotted #666;
  padding-top: 10px;
  margin-top: 20px;
}
h2.admin nav {
  display: inline-block;
  padding: 15px 150px;
  background: #f2f2f2;
  border-radius: 5px;
}
h2.admin span.right {
  float: right;
}
h2.admin a {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
h2.admin a:hover {
  color: #333;
  border-bottom: 1px solid #333;
}

h3.admin {
  font-size: 12px;
  color: #333;
  background: #f2f2f2;
  margin: 5px 0px;
  padding: 8px;
  border-radius: 5px;
}
h3.admin.marTop {
  margin-top: 10px;
  margin-bottom: 0;
}
h3.admin a {
  color: #c1320b;
  border-bottom: 1px dotted #666;
  text-decoration: none;
}
h3.admin a:hover {
  color: #333;
  border-bottom: 1px dotted #333;
}
h3.admin span.right {
  float: right;
}

.tableSmallImage, .tableTinyImage, .tableJuniorImage {
  display: inline-block;
}
.tableSmallImage img, .tableTinyImage img, .tableJuniorImage img {
  vertical-align: middle;
}
.tableSmallImage.margin, .tableTinyImage.margin, .tableJuniorImage.margin {
  margin-right: 10px;
}

.tableSmallImage {
  width: 35px;
  height: 35px;
}
.tableSmallImage img {
  width: 35px;
  height: 35px;
}

.tableJuniorImage {
  width: 24px;
  height: 24px;
}
.tableJuniorImage img {
  width: 24px;
  height: 24px;
}

.tableTinyImage {
  width: 18px;
  height: 18px;
}
.tableTinyImage img {
  width: 18px;
  height: 18px;
}
.tableTinyImage i {
  font-size: 18px !important;
}

.tableTinyTinyFlexImage, .tableTinyFlexImage {
  vertical-align: middle;
  display: inline-flex;
}
.tableTinyTinyFlexImage a:link, .tableTinyTinyFlexImage a:visited, .tableTinyFlexImage a:link, .tableTinyFlexImage a:visited {
  text-decoration: none;
  border: none;
}
.tableTinyTinyFlexImage img, .tableTinyFlexImage img {
  vertical-align: middle;
}
.tableTinyTinyFlexImage.opaque img, .tableTinyFlexImage.opaque img {
  opacity: 0.65;
  transition: opacity 0.2s linear;
}
.tableTinyTinyFlexImage.opaque img:hover, .tableTinyFlexImage.opaque img:hover {
  opacity: 1;
}

.tableTinyFlexImage {
  width: 20px;
  height: 20px;
}
.tableTinyFlexImage img {
  width: 20px;
  height: 20px;
}

.tableTinyTinyFlexImage {
  width: 16px;
  height: 16px;
}
.tableTinyTinyFlexImage img {
  width: 16px;
  height: 16px;
}

.admin_user_icon img {
  width: 34px;
  height: 34px;
}
.admin_user_icon a:link, .admin_user_icon a:visited {
  text-decoration: none;
  border: none;
}
.admin_user_icon a:hover {
  text-decoration: none;
  border: none;
}

p.admin {
  font-size: 13px;
  margin: 10px 0 10px 0;
  line-height: 1.4em;
}

section.related {
  text-align: right;
  padding: 0px 0px 0px 20px;
  margin-bottom: 6px;
  font-size: 13px;
  text-transform: uppercase;
}
section.related span {
  margin-right: 10px;
  font-size: 13px;
  color: #666;
}
section.related a, section.related a:visited {
  color: #333;
  border-bottom: 1px dotted #333;
  margin-right: 5px;
  font-size: 13px;
  text-decoration: none;
}
section.related a:hover {
  color: orange;
  border-bottom: 1px solid orange;
}

.adminSimpleForm {
  font-size: 13px;
  background: #eee;
  margin: 20px 0;
  padding: 20px;
  text-align: left;
}
.adminSimpleForm textarea {
  width: 1100px;
  margin-top: 5px;
  clear: both;
}
.adminSimpleForm span.error {
  color: yellow;
  padding-left: 10px;
  font-size: 16px;
}
.adminSimpleForm span.hint {
  color: #7f7f7f;
  padding-left: 10px;
}
.adminSimpleForm select {
  margin: 10px 0;
}
.adminSimpleForm input {
  clear: both;
  margin: 10px 0;
}
.adminSimpleForm label {
  clear: both;
  margin-right: 5px;
  font-weight: bold;
}

.adminHelp {
  margin: 20px 0;
  padding: 20px;
  background: #f2f2f2;
}
.adminHelp p {
  color: #333;
  line-height: 1.5em;
  font-size: 12px;
  padding-bottom: 8px;
}
.adminHelp p.last {
  padding-bottom: 0px;
}

.adminInstruction {
  padding: 10px 100px 50px 100px;
}
.adminInstruction.left {
  text-align: left;
  padding: 10px 20px;
}
.adminInstruction p {
  line-height: 1.3em;
  margin-top: 10px;
}
.adminInstruction p.space {
  margin-top: 20px;
}
.adminInstruction h2 {
  font-size: 15px;
  margin: 10px 0;
  clear: both;
}

.adminSection {
  clear: both;
  margin: 20px 0 5px 0;
}
.adminSection.extra {
  margin: 60px 0 20px 0;
}

form.admin {
  margin: 5px 0px 10px 0px;
  padding: 5px 0px 10px 0px;
  font-size: 13px;
  background: #555;
  color: white;
  border-radius: 5px;
}
form.admin.bigRadio label {
  margin-right: 30px;
}
form.admin.bigRadio label .bigCheck {
  position: absolute;
  top: -4px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 50%;
}
form.admin.bigRadio label.bigRadio:hover input ~ .bigCheck {
  background-color: orange;
}
form.admin.bigRadio label.bigRadio input:checked ~ .bigCheck {
  background-color: #c1320b;
}
form.admin.bigRadio label .bigCheck:after {
  content: "";
  position: absolute;
  display: none;
}
form.admin.bigRadio label.bigRadio input:checked ~ .bigCheck:after {
  display: block;
}
form.admin.bigRadio label.bigRadio .bigCheck:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
form.admin.bigRadio label.bigRadio {
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form.admin.bigRadio label.bigRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
form.admin h1 {
  padding: 5px;
  color: #ccc;
  font-size: 14px;
  text-transform: uppercase;
  border-left: 30px solid #ccc;
  margin: 25px 0px 10px 0px;
  background: #666;
}
form.admin h1.fb0 {
  background: #a9948d;
  border-left: 70px solid #9a2809 !important;
  color: #9a2809 !important;
}
form.admin h1.fb1 {
  background: #8e8eb1;
  border-left: 70px solid #000099 !important;
  color: #000099 !important;
}
form.admin h1 span.changeFighter {
  float: right;
}
form.admin h1 span.changeFighter a:link, form.admin h1 span.changeFighter a:visited {
  color: #bbb;
  text-decoration: none;
  border-bottom: 1px dotted #bbb;
}
form.admin h1 span.changeFighter a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
form.admin h1:nth-of-type(1) {
  border-left: 30px solid lightskyblue;
  color: lightskyblue;
}
form.admin h1:nth-of-type(2) {
  border-left: 30px solid tomato;
  color: tomato;
}
form.admin h1:nth-of-type(3) {
  border-left: 30px solid yellowgreen;
  color: yellowgreen;
}
form.admin h1:nth-of-type(4) {
  border-left: 30px solid gold;
  color: gold;
}
form.admin h1:nth-of-type(5) {
  border-left: 30px solid hotpink;
  color: hotpink;
}
form.admin h1:nth-of-type(6) {
  border-left: 30px solid orange;
  color: orange;
}
form.admin h1:nth-of-type(7) {
  border-left: 30px solid mediumorchid;
  color: mediumorchid;
}
form.admin h2 {
  padding: 5px;
  color: #000066;
  font-size: 15px;
  border-left: 20px solid lightskyblue;
  margin: 20px 0px 10px 0px;
  background: #999;
}
form.admin h5 {
  font-size: 14px;
  color: orange;
}
form.admin .single {
  padding: 2px 0px 2px 15px;
  display: block;
  text-align: left;
}
form.admin .single.fighterGym {
  width: 900px;
  margin: 0 0 10px 20px;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #ccc;
}
form.admin .single.superAdmin {
  padding-bottom: 7px;
  background: #00005f;
}
form.admin .single.spaced {
  margin-top: 15px;
}
form.admin .single.spacedBottom {
  margin-bottom: 15px;
}
form.admin .single.bigSpaced {
  margin-top: 30px;
}
form.admin .single.centered {
  text-align: center;
}
form.admin .single.toggled {
  background: #333;
  padding-top: 20px;
  padding-bottom: 20px;
}
form.admin .single .explanation {
  clear: both;
  margin-bottom: 15px;
  padding-left: 5px;
  color: #c2c2c2;
  font-size: 16px;
  text-align: left;
}
form.admin .single section {
  display: inline-block;
  margin-right: 30px;
}
form.admin .single section.extraMargin {
  margin-right: 60px;
}
form.admin .single section.superExtraMargin {
  margin-right: 347px;
}
form.admin .single section.token {
  margin-right: 20px;
}
form.admin .single section.right {
  float: right;
}
form.admin .single section.topAlign {
  vertical-align: top;
}
form.admin .single section.bottomAlign {
  vertical-align: bottom;
}
form.admin .single span {
  color: #999;
  font-size: 10px;
}
form.admin label {
  display: block;
  text-transform: uppercase;
  color: #999;
  font-weight: bold;
  line-height: 18px;
  padding-left: 5px;
  font-size: 12px;
}
form.admin label.checkLabel {
  margin-right: 20px;
  display: inline;
}
form.admin label.checkLabelTight {
  margin-right: 5px;
  display: inline;
}
form.admin label.removeCheck {
  margin-left: 20px;
  display: inline;
}
form.admin label.superAdmin {
  color: lightskyblue;
}
form.admin input,
form.admin textarea,
form.admin select {
  padding: 5px;
  font-size: 12px;
  border: 1px solid #444;
  border-radius: 5px;
}
form.admin img {
  display: block;
  margin: 20px auto;
}
form.admin input {
  width: 270px;
}
form.admin input.larger {
  width: 320px;
}
form.admin input.almost {
  width: 240px;
}
form.admin input.large {
  width: 200px;
}
form.admin input.semilarge {
  width: 180px;
}
form.admin input.medium {
  width: 150px;
}
form.admin input.small {
  width: 100px;
}
form.admin input.prettywide {
  width: 400px;
}
form.admin input.extrawide {
  width: 586px;
}
form.admin input.superwide {
  width: 1125px;
}
form.admin input.reduced {
  width: 50px;
  text-align: center;
}
form.admin input[type=checkbox] {
  width: 20px;
  height: 20px;
}
form.admin input[type=file] {
  border: none;
  width: 270px;
  background: #666;
}
form.admin .widebox select {
  min-width: 286px;
}
form.admin .midbox select {
  min-width: 180px;
}
form.admin .narrowbox select {
  min-width: 130px;
}
form.admin input:focus,
form.admin select:focus {
  background: orange;
}
form.admin select:disabled {
  color: #111;
  background: #878787;
}
form.admin input:disabled {
  color: #111;
  background: #878787;
}
form.admin span.error {
  padding-left: 2px;
  color: yellow;
  font-size: 16px;
}
form.admin textarea {
  line-height: 20px;
  width: 1125px;
}
form.admin textarea:focus {
  border: 2px solid orange;
}
form.admin a,
form.admin a:visited {
  color: white;
  border-bottom: 1px dotted white;
  text-decoration: none;
}
form.admin a.superAdmin,
form.admin a:visited.superAdmin {
  color: #a88843;
  font-size: 10px;
  border-bottom: 1px dotted #666;
}
form.admin a:hover,
form.admin a:visited:hover {
  color: black;
  border-bottom: 1px solid black;
  text-decoration: none;
}
form.admin .notebox label {
  display: inline-block;
}
form.admin .noteboxIcon {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 3px;
  margin-top: 18px;
}
form.admin .noteboxIcon label {
  line-height: 18px;
}
form.admin .noteboxIcon img {
  border-radius: 5px;
  margin: 0;
  height: 18px;
  width: 18px;
  opacity: 0.7;
}
form.admin .noteboxIcon img.link:hover {
  opacity: 1;
}
form.admin .noteboxIcon a {
  border-bottom: none !important;
}
form.admin .notebox span {
  font-size: 10px;
  color: #c0c0c0;
  margin-left: 5px;
}
form.admin .notes {
  display: inline-block;
  background: #444;
  width: 12px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  border-radius: 5px;
}
form.admin .notes:hover {
  cursor: help;
  color: tomato;
}
form.admin.light {
  color: #666;
}
form.admin div.field_with_errors {
  display: inline;
}
form.admin img.adminPoster {
  max-width: 1120px;
}
form.admin input[type=submit] {
  padding: 15px;
  font-size: 15px;
  border: 1px solid #444;
  background: white;
  color: #333;
  border-radius: 5px;
}
form.admin input[type=submit]:hover {
  background: orange;
  cursor: pointer;
}
form.admin ul {
  margin: 5px 0;
}
form.admin li {
  line-height: 1.4em;
}
form.admin .toggler {
  display: inline-flex;
  background: #333;
  align-items: center;
  vertical-align: bottom;
  border: 1px solid #777;
  border-radius: 5px;
  padding: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #777;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
form.admin .toggler i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 22px;
  color: #fff;
}
form.admin .toggler:hover {
  background: #f2f2f2;
}
form.admin .toggler:hover i {
  color: orange;
}

table.adminFormEmbedded {
  width: 1136px;
  text-align: left;
  border-collapse: collapse;
}
table.adminFormEmbedded.marTop {
  margin-top: 20px;
}
table.adminFormEmbedded.margin {
  margin-left: 20px;
}
table.adminFormEmbedded td {
  padding: 4px;
  color: #333;
  background: #F0F0F0;
  line-height: 42px;
  vertical-align: middle;
  border: 2px solid white;
  border-radius: 5px;
}
table.adminFormEmbedded td.initial {
  text-align: center;
  color: #866d36;
}
table.adminFormEmbedded td.initial img {
  width: 42px;
  height: 42px;
}
table.adminFormEmbedded td.round {
  background: #dadada;
}

form.importedBoutReview label {
  margin-right: 30px;
}
form.importedBoutReview label .bigCheck {
  position: absolute;
  top: -4px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 50%;
}
form.importedBoutReview label.bigRadio:hover input ~ .bigCheck {
  background-color: orange;
}
form.importedBoutReview label.bigRadio input:checked ~ .bigCheck {
  background-color: #c1320b;
}
form.importedBoutReview label .bigCheck:after {
  content: "";
  position: absolute;
  display: none;
}
form.importedBoutReview label.bigRadio input:checked ~ .bigCheck:after {
  display: block;
}
form.importedBoutReview label.bigRadio .bigCheck:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
form.importedBoutReview label.bigRadio {
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form.importedBoutReview label.bigRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

form.adminLiveCoverage {
  font-size: 14px;
  margin-top: 20px;
  padding: 20px;
  background: #edeae1;
  color: white;
  border-radius: 5px;
}
form.adminLiveCoverage label {
  margin-right: 30px;
}
form.adminLiveCoverage label .bigCheck {
  position: absolute;
  top: -4px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border-radius: 50%;
}
form.adminLiveCoverage label.bigRadio:hover input ~ .bigCheck {
  background-color: orange;
}
form.adminLiveCoverage label.bigRadio input:checked ~ .bigCheck {
  background-color: #c1320b;
}
form.adminLiveCoverage label .bigCheck:after {
  content: "";
  position: absolute;
  display: none;
}
form.adminLiveCoverage label.bigRadio input:checked ~ .bigCheck:after {
  display: block;
}
form.adminLiveCoverage label.bigRadio .bigCheck:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
form.adminLiveCoverage label.bigRadio {
  padding-left: 35px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
form.adminLiveCoverage label.bigRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
form.adminLiveCoverage .spacedLabelContainer {
  display: inline-block;
  width: 230px;
}
form.adminLiveCoverage input[type=submit] {
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #444;
  background: white;
  color: #333;
  border-radius: 5px;
}
form.adminLiveCoverage input[type=submit]:hover {
  background: orange;
  cursor: pointer;
}

.adminFormNotification, .adminFormErrorsSummary, .adminFormNotificationWarning, .adminFormNotificationNarrow, .adminFormNotificationNarrowSuper, .adminFormNotificationSingle, .adminFormNotificationAnother {
  border-radius: 5px;
  width: auto;
  line-height: 1.4em;
}
.adminFormNotification.marBottom, .adminFormErrorsSummary.marBottom, .adminFormNotificationWarning.marBottom, .adminFormNotificationNarrow.marBottom, .adminFormNotificationNarrowSuper.marBottom, .adminFormNotificationSingle.marBottom, .adminFormNotificationAnother.marBottom {
  margin-bottom: 30px;
}

.adminFormNotification, .adminFormNotificationNarrow, .adminFormNotificationNarrowSuper, .adminFormNotificationSingle {
  color: #333;
}
.adminFormNotification h4, .adminFormNotificationNarrow h4, .adminFormNotificationNarrowSuper h4, .adminFormNotificationSingle h4 {
  font-size: 14px;
  padding-bottom: 5px;
}
.adminFormNotification h4 a:link, .adminFormNotification h4 a:visited, .adminFormNotificationNarrow h4 a:link, .adminFormNotificationNarrow h4 a:visited, .adminFormNotificationNarrowSuper h4 a:link, .adminFormNotificationNarrowSuper h4 a:visited, .adminFormNotificationSingle h4 a:link, .adminFormNotificationSingle h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.adminFormNotification h4 a:hover, .adminFormNotificationNarrow h4 a:hover, .adminFormNotificationNarrowSuper h4 a:hover, .adminFormNotificationSingle h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.adminFormNotification h4 span, .adminFormNotificationNarrow h4 span, .adminFormNotificationNarrowSuper h4 span, .adminFormNotificationSingle h4 span {
  font-size: 10px;
  float: right;
}
.adminFormNotification p a:link, .adminFormNotification p a:visited, .adminFormNotificationNarrow p a:link, .adminFormNotificationNarrow p a:visited, .adminFormNotificationNarrowSuper p a:link, .adminFormNotificationNarrowSuper p a:visited, .adminFormNotificationSingle p a:link, .adminFormNotificationSingle p a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.adminFormNotification p a:hover, .adminFormNotificationNarrow p a:hover, .adminFormNotificationNarrowSuper p a:hover, .adminFormNotificationSingle p a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.adminFormNotification p.spaced, .adminFormNotificationNarrow p.spaced, .adminFormNotificationNarrowSuper p.spaced, .adminFormNotificationSingle p.spaced {
  margin-top: 10px;
}
.adminFormNotification ul, .adminFormNotificationNarrow ul, .adminFormNotificationNarrowSuper ul, .adminFormNotificationSingle ul {
  list-style-type: circle;
}
.adminFormNotification li, .adminFormNotificationNarrow li, .adminFormNotificationNarrowSuper li, .adminFormNotificationSingle li {
  margin-top: 5px;
  margin-left: 20px;
  color: #555;
}
.adminFormNotification textarea, .adminFormNotificationNarrow textarea, .adminFormNotificationNarrowSuper textarea, .adminFormNotificationSingle textarea {
  width: unset !important;
}

.adminFormNotificationNarrow, .adminFormNotificationWarning {
  border: 2px solid #666;
  margin: 10px 10px 10px 15px;
  padding: 3px 10px;
}
.adminFormNotificationNarrow.noMarLeft, .adminFormNotificationWarning.noMarLeft {
  margin-left: 0px;
}

.adminFormNotificationSingle {
  border: 2px solid #666;
  margin: 15px 20px 5px 0;
  padding: 3px 10px;
}

.adminFormNotificationNarrowSuper {
  border: 2px solid #666;
  margin: 10px 0;
  padding: 3px 10px;
}

.adminFormNotificationWarning {
  color: #333;
  background: orange;
}

.adminFormNotification {
  border: 3px solid white;
  background: #fff6f6;
  margin: 20px 20px 10px 15px;
  padding: 10px;
}

.adminFormNotificationAnother {
  border: 2px solid orange;
  background: #fafbc0;
  padding: 15px;
}
.adminFormNotificationAnother h1 {
  font-size: 20px;
  margin-bottom: 15px;
}
.adminFormNotificationAnother p {
  font-size: 13px;
}

.adminFormNotificationNarrow, .adminFormNotificationNarrowSuper, .adminFormNotificationSingle {
  background: #d1d1d1;
}

.adminFormErrorsSummary {
  background: #fff6f6;
  margin: 20px;
  padding: 20px;
  border: 3px solid yellow;
  color: #c1320b;
}
.adminFormErrorsSummary h4 {
  font-size: 28px;
  line-height: 1em;
  padding: 10px 0 30px 10px;
}
.adminFormErrorsSummary table a:link, .adminFormErrorsSummary table a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
.adminFormErrorsSummary table a:hover {
  color: #000;
  border-bottom: 1px solid #000;
}
.adminFormErrorsSummary table td {
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #dabbb3;
}
.adminFormErrorsSummary table td.field {
  font-weight: bold;
  width: 250px;
}
.adminFormErrorsSummary table td.message {
  width: 820px;
}

form.adminSearch {
  margin: 0 0 20px 0;
  padding: 10px 0 10px 0;
  background: #edeae1;
  border-radius: 5px;
}
form.adminSearch a:link, form.adminSearch a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
form.adminSearch a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
form.adminSearch .filterExpand {
  margin: 20px;
  padding: 10px;
  background: #cecbcb;
  width: 1116px;
  border-radius: 5px;
}
form.adminSearch span.filterToggle {
  margin-right: 10px;
  float: right;
  font-size: 11px;
}
form.adminSearch span.filterToggle i {
  font-size: 18px;
  cursor: pointer;
}
form.adminSearch.lineSpaced {
  line-height: 4em;
}
form.adminSearch a {
  float: left;
  font-size: 15px;
  padding: 5px 0;
  margin-left: 10px;
}
form.adminSearch label.notShown {
  display: none;
}
form.adminSearch input[type=submit] {
  padding: 5px;
  font-size: 15px;
  border: 1px solid #888;
  background: white;
  color: #333;
  width: 65px;
  border-radius: 5px;
}
form.adminSearch input[type=submit]:hover {
  color: #fff;
  border: 1px solid yellow;
  background: tomato;
  cursor: pointer;
}
form.adminSearch input {
  padding: 5px;
  font-size: 15px;
  border: 1px solid #888;
  width: 300px;
  border-radius: 5px;
}
form.adminSearch input.spaced {
  margin-right: 20px;
}
form.adminSearch input.medium {
  width: 200px;
}
form.adminSearch input.small {
  width: 130px;
}
form.adminSearch input.narrow {
  width: 75px;
}
form.adminSearch input:focus {
  background: peachpuff;
}
form.adminSearch input:disabled {
  color: #111;
  background: #878787;
}
form.adminSearch select {
  padding: 5px;
  font-size: 12px;
  border: 1px solid #444;
  margin-right: 10px;
}
form.adminSearch select.spaced {
  margin-right: 20px;
}

.hide_label label {
  display: none !important;
}

.gray {
  background: #f2f2f2;
  padding: 10px;
}

.errorExplanation {
  margin: 10px 0;
}
.errorExplanation h2 {
  color: #c1320b;
  font-size: 18px;
}

table.admin td .adminTaskCompletedIcon.unread {
  color: #a88843;
}

table.admin {
  margin: 10px auto !important;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  width: 1176px;
}
table.admin.tiny {
  font-size: 9px;
}
table.admin.small {
  font-size: 10px;
}
table.admin.junior {
  font-size: 11px;
}
table.admin.flight {
  width: 700px;
}
table.admin.wideColumn {
  width: 756px;
}
table.admin.mostPage {
  width: 900px;
}
table.admin.lowMargin {
  margin-top: 5px !important;
}
table.admin.superAdmin th {
  background: #b9c3ce;
}
table.admin span.note {
  font-size: 8px;
  color: #333;
}
table.admin span.goldNote {
  font-size: 10px;
  color: #a88843;
}
table.admin span.notHighlighted {
  font-size: 7px;
  color: #666;
}
table.admin span.highlighted {
  font-size: 12px;
  color: #9a2809;
  font-weight: bold;
}
table.admin span.italic {
  font-style: italic;
}
table.admin span.auditFrom {
  color: #b37261;
}
table.admin span.auditTo {
  color: #034003;
}
table.admin span.auditSmall {
  font-size: 9px;
}
table.admin th {
  text-align: left;
  padding: 8px 5px;
  font-weight: bold;
  font-size: 13px;
  background: #888;
  color: white;
  line-height: 18px;
  text-transform: uppercase;
}
table.admin th.centered {
  vertical-align: middle;
  text-align: center;
}
table.admin th.segmented {
  border: 1px solid white;
}
table.admin th.superAdmin {
  background: #b9c3ce;
}
table.admin th.grayish {
  background: #aaa;
}
table.admin th.bluish {
  background: #5192d2;
}
table.admin th.light {
  background: #c8c8c8;
  padding: 4px 5px;
  font-size: 11px;
  line-height: 1em;
}
table.admin th.spacer {
  background: #fff;
  padding-left: 0;
}
table.admin td {
  padding: 4px;
  color: #333;
  background: #F0F0F0;
  line-height: 1.5em;
  vertical-align: middle;
  border: 2px solid white;
  border-radius: 5px;
}
table.admin td.imageSmall img {
  max-width: 300px;
  max-height: 300px;
}
table.admin td.imageMax img {
  max-width: 650px;
}
table.admin td.wideImage img {
  max-height: 200px;
}
table.admin td.letterboxImage img {
  max-height: 220px;
}
table.admin td.profileImage img {
  max-width: 500px;
  max-height: 500px;
}
table.admin td.profileImage a:link, table.admin td.profileImage a:visited {
  text-decoration: none;
  border: none;
}
table.admin td.spacer, table.admin td.spacerBig {
  background: #fff;
}
table.admin td.spacerBig {
  border: 8px solid white;
}
table.admin td.spacerHeader {
  background: #D6D6D6;
  color: #888;
}
table.admin td.spacerHeader a:link, table.admin td.spacerHeader a:visited {
  color: #26466d;
  text-decoration: none;
  border-bottom: 1px dotted #26466d;
}
table.admin td.spacerHeader a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.admin td.superAdminLinks a:link, table.admin td.superAdminLinks a:visited {
  color: #26466d;
  text-decoration: none;
  border-bottom: none;
}
table.admin td.superAdminLinks a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.admin td.flight, table.admin td.compact, table.admin td.spacer, table.admin td.spacerBig {
  padding: 2px;
}
table.admin td.icon {
  line-height: 1em;
}
table.admin td.padded {
  padding: 8px;
}
table.admin td.cent {
  text-align: center;
}
table.admin td.break {
  text-align: center;
  padding: 0px;
  color: #999;
}
table.admin td.external a:link, table.admin td.external a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #444;
}
table.admin td.external a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.admin td.lightLink a:link, table.admin td.lightLink a:visited {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}
table.admin td.lightLink a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.admin td.altColor {
  background: #c8c8c8;
}
table.admin td.altColor a:link, table.admin td.altColor a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #444;
}
table.admin td.altColor a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.admin td.light {
  color: #999;
}
table.admin td.veryLight {
  color: #ccc;
}
table.admin td.red {
  color: #c1320b;
}
table.admin td.dark {
  background: #888;
}
table.admin td.superAdmin {
  background: #bfd6ec;
}
table.admin td.malformed {
  background: yellow;
}
table.admin td.good {
  background: limegreen;
}
table.admin td.bad {
  background: #ff8989;
}
table.admin td.win {
  background: #d1f7d2;
}
table.admin td.loss {
  background: #efd7d7;
}
table.admin td.draw {
  background: #deecfc;
}
table.admin td.male {
  background: #e1efff;
}
table.admin td.female {
  background: #fbe9e9;
}
table.admin td.nc {
  background: #f9efab;
}
table.admin td.imported {
  background: #c79e40;
}
table.admin td.rejected {
  background: #b3553b;
}
table.admin td.deleted {
  background: #4f81bd;
}
table.admin td.cancelled {
  background: #43bb89;
}
table.admin td.fizzled {
  background: #a075c7;
}
table.admin td.tinted {
  background: #e7e5d3;
}
table.admin td.offSite {
  background: #ccc;
}
table.admin td.offSiteLink {
  background: #edeae1;
}
table.admin td.offSiteLink a:link, table.admin td.offSiteLink a:visited {
  color: #866d36;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
table.admin td.offSiteLink a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.admin td.image {
  padding: 3px 3px 3px 3px;
  text-align: center;
}
table.admin td.taskOwner {
  background: #abf9f1;
  color: #243ac6;
}
table.admin td.taskPending {
  background: #2e6a09;
  color: #aff485;
}
table.admin td.taskDeleteFighter {
  background: #f9b0ab;
  color: #4d0e0e;
}
table.admin td.taskMergeFighter {
  background: #90433e;
  color: #f9fe9e;
}
table.admin td.taskEventStart {
  background: #3b258b;
  color: #ead45c;
}
table.admin td.taskFinalizeEvent {
  background: #256e8b;
  color: #fff;
}
table.admin td.taskProfileImage {
  background: #8ea58a;
  color: whitesmoke;
}
table.admin td.taskAccountRemove {
  background: #ca4984;
  color: #fffacd;
}
table.admin td.taskCustom {
  background: #95a9e8;
  color: #0d37c8;
}
table.admin i {
  display: flex;
  font-size: 24px;
}
table.admin i.small {
  display: inline-block;
  font-size: 10px;
}
table.admin i.mediumColor {
  display: inline-block;
  font-size: 14px;
}
table.admin i.medium {
  display: inline-block;
  font-size: 14px;
  color: #a88843;
}
table.admin i.large {
  font-size: 20px;
  display: inline-block;
}

p.offSiteLink {
  margin-top: 10px;
  margin-left: 10px;
  color: #866d36;
}

table.videos {
  list-style: none;
}
table.videos input {
  margin-right: 10px;
}
table.videos a, table.videos a:visited {
  color: white;
  border-bottom: 1px dotted white;
}
table.videos a:hover, table.videos a:visited:hover {
  color: black;
  border-bottom: 1px solid black;
}

li.video {
  margin-bottom: 10px;
}
li.video textarea {
  width: 1000px;
}
li.video label {
  clear: both;
}

img.adCreative {
  width: 70px;
}

ul#definitions li {
  list-style: decimal;
}

.customTitleContainer {
  display: inline;
}

ul.awards {
  display: inline;
}
ul.awards li {
  display: inline-block;
  width: 123px;
  height: 35px;
  margin-bottom: 3px;
  background: url(../png/awards-a56ef8b2ad6977c18b146790a4c6eba2d9eca3bad2490a7ea81995c71ed4662c.png);
  zoom: 1;
  *display: inline;
  transition: opacity 0.2s linear;
}
ul.awards li:hover {
  opacity: 0.6;
}
ul.awards a {
  border-bottom: none;
  display: block;
  height: 100%;
  width: 100%;
}

.awardCell {
  display: block;
  width: 123px;
  height: 35px;
  background: url(../png/awards-a56ef8b2ad6977c18b146790a4c6eba2d9eca3bad2490a7ea81995c71ed4662c.png);
  zoom: 1;
  transition: opacity 0.2s linear;
}
.awardCell:hover {
  opacity: 0.6;
}

dd.awardCell {
  display: block;
  width: 123px;
  height: 35px;
  background: url(../png/awards-a56ef8b2ad6977c18b146790a4c6eba2d9eca3bad2490a7ea81995c71ed4662c.png);
  zoom: 1;
  transition: opacity 0.2s linear;
}
dd.awardCell:hover {
  opacity: 0.6;
}

#CountAward-comment_related_award-1 {
  background-position: -630px -252px;
}

#CountAward-comment_related_award-2 {
  background-position: 0px -288px;
}

#CountAward-comment_related_award-3 {
  background-position: -126px -288px;
}

#CountAward-comment_related_award-4 {
  background-position: -252px -288px;
}

#WriteupAward-update_writeup_award-1 {
  background-position: -504px -722px;
}

#WriteupAward-update_writeup_award-2 {
  background-position: -630px -722px;
}

#WriteupAward-update_writeup_award-3 {
  background-position: 0px -758px;
}

#WriteupAward-update_writeup_award-4 {
  background-position: -126px -758px;
}

#WriteupAward-update_writeup_award-5 {
  background-position: -252px -758px;
}

#WriteupAward-update_writeup_award-6 {
  background-position: -378px -758px;
}

#WriteupAward-update_writeup_award-7 {
  background-position: -504px -758px;
}

#WriteupAward-update_writeup_award-8 {
  background-position: -630px -758px;
}

#InviteAward-invited_count_award-1 {
  background-position: 0px -504px;
}

#InviteAward-invited_count_award-2 {
  background-position: -126px -504px;
}

#InviteAward-invited_count_award-3 {
  background-position: -252px -504px;
}

#InviteAward-invited_count_award-4 {
  background-position: -378px -504px;
}

#InviteAward-invited_count_award-5 {
  background-position: -504px -504px;
}

#InviteAward-invited_count_award-6 {
  background-position: -630px -504px;
}

#PickAward-slight_upset_award-1 {
  background-position: -252px 0px;
}

#PickAward-moderate_upset_award-1 {
  background-position: -378px 0px;
}

#PickAward-heavy_upset_award-1 {
  background-position: -504px 0px;
}

#PickAward-huge_upset_award-1 {
  background-position: -630px 0px;
}

#PickAward-perfect_pick_ko_award-1 {
  background-position: 0px 0px;
}

#PickAward-perfect_pick_sub_award-1 {
  background-position: -126px 0px;
}

#PickAward-decision_pick_award-1 {
  background-position: -630px -216px;
}

#PickAward-pick_title_challenger_award-1 {
  background-position: -504px -108px;
}

#PickAward-perfect_pick_main_event_award-1 {
  background-position: -630px -612px;
}

#PickCategoryAward-pick_x_total_knockouts_award-1 {
  background-position: -252px -108px;
}

#PickCategoryAward-pick_x_total_submissions_award-1 {
  background-position: -378px -108px;
}

#PickCategoryAward-pick_x_total_flyweights_award-1 {
  background-position: -378px -288px;
}

#PickCategoryAward-pick_x_total_bantamweights_award-1 {
  background-position: -630px -108px;
}

#PickCategoryAward-pick_x_total_featherweights_award-1 {
  background-position: 0px -144px;
}

#PickCategoryAward-pick_x_total_lightweights_award-1 {
  background-position: -126px -144px;
}

#PickCategoryAward-pick_x_total_welterweights_award-1 {
  background-position: -252px -144px;
}

#PickCategoryAward-pick_x_total_middleweights_award-1 {
  background-position: -378px -144px;
}

#PickCategoryAward-pick_x_total_lightheavyweights_award-1 {
  background-position: -504px -144px;
}

#PickCategoryAward-pick_x_total_heavyweights_award-1 {
  background-position: -630px -144px;
}

#PickCategoryAward-pick_x_total_flyweights_award-2 {
  background-position: 0px -686px;
}

#PickCategoryAward-pick_x_total_bantamweights_award-2 {
  background-position: -126px -686px;
}

#PickCategoryAward-pick_x_total_featherweights_award-2 {
  background-position: -252px -686px;
}

#PickCategoryAward-pick_x_total_lightweights_award-2 {
  background-position: -378px -686px;
}

#PickCategoryAward-pick_x_total_welterweights_award-2 {
  background-position: -504px -686px;
}

#PickCategoryAward-pick_x_total_middleweights_award-2 {
  background-position: -630px -686px;
}

#PickCategoryAward-pick_x_total_lightheavyweights_award-2 {
  background-position: 0px -722px;
}

#PickCategoryAward-pick_x_total_heavyweights_award-2 {
  background-position: -126px -722px;
}

#PickCategoryAward-pick_x_total_flyweights_award-3 {
  background-position: 0px -938px;
}

#PickCategoryAward-pick_x_total_bantamweights_award-3 {
  background-position: -378px -938px;
}

#PickCategoryAward-pick_x_total_featherweights_award-3 {
  background-position: 0px -974px;
}

#PickCategoryAward-pick_x_total_lightweights_award-3 {
  background-position: -378px -974px;
}

#PickCategoryAward-pick_x_total_welterweights_award-3 {
  background-position: 0px -1010px;
}

#PickCategoryAward-pick_x_total_middleweights_award-3 {
  background-position: -378px -1010px;
}

#PickCategoryAward-pick_x_total_lightheavyweights_award-3 {
  background-position: 0px -1046px;
}

#PickCategoryAward-pick_x_total_heavyweights_award-3 {
  background-position: -378px -1046px;
}

#PickCategoryAward-pick_x_total_flyweights_award-4 {
  background-position: -126px -938px;
}

#PickCategoryAward-pick_x_total_bantamweights_award-4 {
  background-position: -504px -938px;
}

#PickCategoryAward-pick_x_total_featherweights_award-4 {
  background-position: -126px -974px;
}

#PickCategoryAward-pick_x_total_lightweights_award-4 {
  background-position: -504px -974px;
}

#PickCategoryAward-pick_x_total_welterweights_award-4 {
  background-position: -126px -1010px;
}

#PickCategoryAward-pick_x_total_middleweights_award-4 {
  background-position: -504px -1010px;
}

#PickCategoryAward-pick_x_total_lightheavyweights_award-4 {
  background-position: -126px -1046px;
}

#PickCategoryAward-pick_x_total_heavyweights_award-4 {
  background-position: -504px -1046px;
}

#PickCategoryAward-pick_x_total_flyweights_award-5 {
  background-position: -252px -938px;
}

#PickCategoryAward-pick_x_total_bantamweights_award-5 {
  background-position: -630px -938px;
}

#PickCategoryAward-pick_x_total_featherweights_award-5 {
  background-position: -252px -974px;
}

#PickCategoryAward-pick_x_total_lightweights_award-5 {
  background-position: -630px -974px;
}

#PickCategoryAward-pick_x_total_welterweights_award-5 {
  background-position: -252px -1010px;
}

#PickCategoryAward-pick_x_total_middleweights_award-5 {
  background-position: -630px -1010px;
}

#PickCategoryAward-pick_x_total_lightheavyweights_award-5 {
  background-position: -252px -1046px;
}

#PickCategoryAward-pick_x_total_heavyweights_award-5 {
  background-position: -630px -1046px;
}

#PostAward-write_x_posts_award-1 {
  background-position: 0px -360px;
}

#PostAward-write_x_posts_award-2 {
  background-position: -126px -360px;
}

#PostAward-write_x_posts_award-3 {
  background-position: -252px -360px;
}

#PostAward-write_x_posts_award-4 {
  background-position: -378px -360px;
}

#PostAward-write_x_posts_award-5 {
  background-position: -504px -360px;
}

#PostAward-write_x_posts_award-6 {
  background-position: -630px -360px;
}

#PostAward-write_x_posts_award-7 {
  background-position: -504px -324px;
}

#PostAward-write_x_posts_award-8 {
  background-position: -630px -324px;
}

#PostAward-write_x_posts_award-9 {
  background-position: 0px -794px;
}

#PostAward-write_x_posts_award-10 {
  background-position: -126px -794px;
}

#ThumbAward-receive_x_thumbs_up_award-1 {
  background-position: 0px -396px;
}

#ThumbAward-receive_x_thumbs_up_award-2 {
  background-position: -126px -396px;
}

#ThumbAward-receive_x_thumbs_up_award-3 {
  background-position: -252px -396px;
}

#ThumbAward-receive_x_thumbs_up_award-4 {
  background-position: -378px -396px;
}

#ThumbAward-receive_x_thumbs_up_award-5 {
  background-position: -504px -396px;
}

#ThumbAward-receive_x_thumbs_up_award-6 {
  background-position: -630px -396px;
}

#ThumbAward-receive_x_thumbs_up_award-7 {
  background-position: -252px -468px;
}

#ThumbAward-receive_x_thumbs_up_award-8 {
  background-position: -378px -468px;
}

#ThumbAward-receive_x_thumbs_up_award-9 {
  background-position: -504px -468px;
}

#ThumbAward-receive_x_thumbs_up_award-10 {
  background-position: -630px -468px;
}

#ThumbAward-give_x_thumbs_award-1 {
  background-position: 0px -540px;
}

#ThumbAward-give_x_thumbs_award-2 {
  background-position: -126px -540px;
}

#ThumbAward-give_x_thumbs_award-3 {
  background-position: -252px -540px;
}

#ThumbAward-give_x_thumbs_award-4 {
  background-position: -378px -540px;
}

#ThumbAward-give_x_thumbs_award-5 {
  background-position: -504px -540px;
}

#ThumbAward-give_x_thumbs_award-6 {
  background-position: -630px -540px;
}

#ThumbAward-give_x_thumbs_award-7 {
  background-position: 0px -576px;
}

#ThumbAward-give_x_thumbs_award-8 {
  background-position: -126px -576px;
}

#ThumbAward-give_x_thumbs_award-9 {
  background-position: -252px -576px;
}

#ThumbAward-give_x_thumbs_award-10 {
  background-position: -378px -576px;
}

#UserEventAward-pick_x_winners_in_event_award-1 {
  background-position: 0px -36px;
}

#UserEventAward-pick_x_winners_in_event_award-2 {
  background-position: -126px -36px;
}

#UserEventAward-pick_x_winners_in_event_award-3 {
  background-position: -252px -36px;
}

#UserEventAward-pick_x_winners_in_event_award-4 {
  background-position: -378px -36px;
}

#UserEventAward-pick_all_winners_in_event_award-1 {
  background-position: -504px -36px;
}

#UserEventAward-pick_x_perfect_in_event_award-1 {
  background-position: 0px -72px;
}

#UserEventAward-pick_x_perfect_in_event_award-2 {
  background-position: -126px -72px;
}

#UserEventAward-pick_x_perfect_in_event_award-3 {
  background-position: -252px -72px;
}

#UserEventAward-pick_x_perfect_in_event_award-4 {
  background-position: -378px -72px;
}

#UserEventAward-pick_x_perfect_in_event_award-5 {
  background-position: -504px -72px;
}

#UserEventAward-pick_all_perfect_in_event_award-1 {
  background-position: -630px -72px;
}

#UserEventAward-pick_all_perfect_in_undercard_award-1 {
  background-position: -504px -612px;
}

#UserEventAward-pick_all_perfect_in_maincard_award-1 {
  background-position: -378px -612px;
}

#UserEventAward-pick_all_undercard_award-1 {
  background-position: 0px -108px;
}

#UserEventAward-pick_all_maincard_award-1 {
  background-position: -126px -108px;
}

#UserEventAward-pick_any_x_winners_award-1 {
  background-position: 0px -180px;
}

#UserEventAward-pick_any_x_winners_award-2 {
  background-position: -126px -180px;
}

#UserEventAward-pick_any_x_winners_award-3 {
  background-position: -252px -180px;
}

#UserEventAward-pick_any_x_winners_award-4 {
  background-position: -378px -180px;
}

#UserEventAward-pick_any_x_winners_award-5 {
  background-position: -504px -180px;
}

#UserEventAward-pick_any_x_winners_award-6 {
  background-position: -630px -180px;
}

#UserEventAward-pick_any_x_winners_award-7 {
  background-position: -252px -722px;
}

#UserEventAward-pick_any_x_winners_award-8 {
  background-position: -378px -722px;
}

#UserEventAward-pick_any_x_winners_award-9 {
  background-position: 0px -830px;
}

#UserEventAward-pick_any_x_winners_award-10 {
  background-position: -126px -830px;
}

#UserEventAward-pick_any_x_winners_award-11 {
  background-position: -252px -830px;
}

#UserEventAward-pick_any_x_perfect_award-1 {
  background-position: 0px -216px;
}

#UserEventAward-pick_any_x_perfect_award-2 {
  background-position: -126px -216px;
}

#UserEventAward-pick_any_x_perfect_award-3 {
  background-position: -252px -216px;
}

#UserEventAward-pick_any_x_perfect_award-4 {
  background-position: -378px -216px;
}

#UserEventAward-pick_any_x_perfect_award-5 {
  background-position: -504px -216px;
}

#UserEventAward-pick_any_x_perfect_award-6 {
  background-position: 0px -612px;
}

#UserEventAward-pick_any_x_perfect_award-7 {
  background-position: -126px -612px;
}

#UserEventAward-pick_any_x_perfect_award-8 {
  background-position: -504px -830px;
}

#UserEventAward-pick_any_x_perfect_award-9 {
  background-position: -630px -830px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-1 {
  background-position: 0px -432px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-2 {
  background-position: -126px -432px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-3 {
  background-position: -252px -432px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-4 {
  background-position: -378px -432px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-5 {
  background-position: -504px -576px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-6 {
  background-position: -630px -576px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-7 {
  background-position: -252px -794px;
}

#UserEventTotalsAward-make_picks_in_x_events_award-8 {
  background-position: -378px -794px;
}

#UserEventWinnerAward-event_winner_award-1 {
  background-position: -630px -36px;
}

#UserEventWinnerAward-win_x_events_award-1 {
  background-position: 0px -902px;
}

#UserEventWinnerAward-win_x_events_award-2 {
  background-position: -126px -902px;
}

#UserEventWinnerAward-win_x_events_award-3 {
  background-position: -252px -902px;
}

#UserEventWinnerAward-win_x_events_award-4 {
  background-position: -378px -902px;
}

#UserEventWinnerAward-win_x_events_award-5 {
  background-position: -504px -902px;
}

#UserEventWinnerAward-win_x_ufc_events_award-1 {
  background-position: 0px -866px;
}

#UserEventWinnerAward-win_x_ufc_events_award-2 {
  background-position: -126px -866px;
}

#UserEventWinnerAward-win_x_ufc_events_award-3 {
  background-position: -252px -866px;
}

#UserEventWinnerAward-win_x_bellator_events_award-1 {
  background-position: -378px -866px;
}

#UserEventWinnerAward-win_x_bellator_events_award-2 {
  background-position: -504px -866px;
}

#UserEventWinnerAward-win_x_bellator_events_award-3 {
  background-position: -630px -866px;
}

#RankingAward-design_x_rankings_award-1 {
  background-position: -252px -612px;
}

#RankingContributorAward-get_x_contributors_award-1 {
  background-position: 0px -648px;
}

#RankingContributorAward-get_x_contributors_award-2 {
  background-position: -126px -648px;
}

#RankingContributorAward-get_x_contributors_award-3 {
  background-position: -252px -648px;
}

#RankingContributorAward-get_x_contributors_award-4 {
  background-position: -378px -648px;
}

#RankingContributorAward-get_x_contributors_award-5 {
  background-position: -504px -648px;
}

#RankingContributorAward-get_x_contributors_award-6 {
  background-position: -630px -648px;
}

#UserRankingAward-build_x_rankings_award-1 {
  background-position: 0px -252px;
}

#UserRankingAward-build_x_rankings_award-2 {
  background-position: -126px -252px;
}

#UserRankingAward-build_x_rankings_award-3 {
  background-position: -504px -794px;
}

#UserRankingAward-build_x_item_ranking_award-1 {
  background-position: -252px -252px;
}

#UserRankingAward-build_x_item_ranking_award-2 {
  background-position: -378px -252px;
}

#UserRankingAward-build_x_item_ranking_award-3 {
  background-position: -504px -252px;
}

#UserRelationshipAward-follow_x_members_award-1 {
  background-position: -504px -288px;
}

#UserRelationshipAward-follow_x_members_award-2 {
  background-position: -630px -288px;
}

#UserRelationshipAward-get_x_followers_award-1 {
  background-position: 0px -324px;
}

#UserRelationshipAward-get_x_followers_award-2 {
  background-position: -126px -324px;
}

#UserRelationshipAward-get_x_followers_award-3 {
  background-position: -252px -324px;
}

#UserRelationshipAward-get_x_followers_award-4 {
  background-position: -378px -324px;
}

#UserSessionAward-membership_length_award-1 {
  background-position: 0px -468px;
}

#UserSessionAward-membership_length_award-2 {
  background-position: -126px -468px;
}

#UserSessionAward-membership_length_award-3 {
  background-position: -504px -432px;
}

#UserSessionAward-membership_length_award-4 {
  background-position: -630px -432px;
}

#UserSessionAward-membership_length_award-5 {
  background-position: -378px -830px;
}

/* BOUT & EVENT PAGE HEADER */
.eventPageHeaderContainer {
  height: 77px;
  margin-bottom: 20px;
  display: block;
}

.eventPageHeaderIconContainer {
  border: 5px solid #f2f2f2;
  display: block;
  margin-right: 20px;
  float: left;
}

.eventPageHeaderIcon img {
  display: block;
  width: 65px;
  height: 65px;
  border: 2px solid #fff;
  transition: opacity 0.2s linear;
}
.eventPageHeaderIcon img:hover {
  opacity: 0.7;
}

.eventPageHeaderTitles {
  display: inline-block;
  float: left;
  margin-top: 16px;
}

/* bout-future Styles
------------------------------------------------------------------------ */
/* Matchup styles are also found in the main page module and the Future Event module - each w/styles modified by the parent element */
table.fighterStats {
  clear: both;
  width: 756px;
  text-align: center;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  margin-bottom: 20px;
}
table.fighterStats tr:nth-child(odd) {
  background: #f2f2f2;
}
table.fighterStats td {
  padding: 5px 0;
  width: 261px;
  vertical-align: middle;
  /* will be overridden by other clases after this point */
}
table.fighterStats td.gymList {
  line-height: 1.6em;
}
table.fighterStats td.lastBouts {
  padding: 2px 0;
}
table.fighterStats td.category {
  width: 194px;
  text-transform: uppercase;
  color: #7f7f7f !important;
}
table.fighterStats td.gutter {
  background: #fff;
  width: 20px;
}

table.fighterStats.spaced td {
  height: 22px;
}

.pastBoutsHolder {
  display: inline-block;
}

.pastBoutIcon {
  width: 25px;
  display: inline-block;
}
.pastBoutIcon img {
  width: 15px;
  height: 15px;
}

/* Past Bout Styles
------------------------------------------------------------------------ */
.matchup dt#past {
  background: url(../png/matchup_banner_past-6c7aa52db8d5a5341077d8f8b59e64b685944b84539939971bfebe88057bbe09.png) no-repeat 0 0;
  padding: 0;
  text-align: center;
}

.matchup dl p {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #ccc;
  margin: 10px 0 0;
  padding: 0 !important;
}

.boutInjuries {
  width: 338px;
  padding: 20px;
  display: block;
}
.boutInjuries img {
  float: left;
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 10px;
}
.boutInjuries h6 {
  display: inline-block;
  border-bottom: 1px dotted #999;
  text-align: center;
  padding: 8px 0 5px 0;
  width: 245px;
  font-size: 14px;
  color: #a88843;
}
.boutInjuries p {
  display: inline-block;
  width: 240px;
  float: left;
  color: #444;
  padding: 6px 2px 0px !important;
}

.chartLink {
  clear: both;
  line-height: 22px;
  margin-top: 5px;
}
.chartLink table {
  font-size: 12px;
  text-align: center;
}

/* Stats Styles
------------------------------------------------------------------------ */
.stats {
  clear: both;
  padding: 20px 0;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
}
.stats.alt {
  border-top: none;
}
.stats.slim {
  padding: 8px 0;
}
.stats.noBorder {
  border-bottom: none;
}

.stat_swatches {
  font-size: 13px;
  margin: 20px 10px 10px;
  text-align: right;
}
.stat_swatches .swatch {
  display: inline;
  vertical-align: middle;
  padding: 9px;
  font-size: 0px;
  margin-right: 5px;
  margin-left: 15px;
}
.stat_swatches .tko {
  background-color: #6f4e0b;
}
.stat_swatches .sub {
  background-color: #a38e63;
}
.stat_swatches .dec {
  background-color: #c5b89d;
}

.fighter_stat_bar {
  margin: 15px 0px;
  text-align: left;
  vertical-align: middle;
}
.fighter_stat_bar.slim {
  margin: 10px 0;
}
.fighter_stat_bar .stat_label {
  vertical-align: middle;
  display: block;
  float: left;
  color: #888;
  font-size: 22px;
  font-weight: bold;
  padding: 25px 0px;
  width: 200px;
  text-align: right;
  margin-right: 25px;
  overflow: hidden;
}
.fighter_stat_bar .stat_label.slim {
  font-size: 20px;
  padding: 10px 0;
}
.fighter_stat_bar .stat_bar_holder {
  display: inline-block;
}
.fighter_stat_bar .stat_bar_holder .total_bar {
  vertical-align: middle;
  display: block;
  float: left;
  height: 75px;
}
.fighter_stat_bar .stat_bar_holder .total_bar.slim {
  height: 40px;
}
.fighter_stat_bar .stat_bar_holder .total_bar .tko_bar, .fighter_stat_bar .stat_bar_holder .total_bar .sub_bar, .fighter_stat_bar .stat_bar_holder .total_bar .dec_bar {
  float: left;
  height: 75px;
}
.fighter_stat_bar .stat_bar_holder .total_bar .tko_bar.slim, .fighter_stat_bar .stat_bar_holder .total_bar .sub_bar.slim, .fighter_stat_bar .stat_bar_holder .total_bar .dec_bar.slim {
  height: 40px;
}
.fighter_stat_bar .stat_bar_holder .total_bar .tko_bar {
  background-color: #6f4e0b;
}
.fighter_stat_bar .stat_bar_holder .total_bar .sub_bar {
  background-color: #a38e63;
}
.fighter_stat_bar .stat_bar_holder .total_bar .dec_bar {
  background-color: #c5b89d;
}
.fighter_stat_bar .stat_bar_holder .check {
  text-indent: -5000px;
  margin-left: 10px;
  margin-top: 23px;
  width: 29px;
  height: 27px;
  display: block;
  float: left;
}
.fighter_stat_bar .stat_bar_holder .check.correct {
  background: transparent url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -656px -148px;
}
.fighter_stat_bar .stat_bar_holder .check.wrong {
  background: transparent url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -656px -121px;
}
.fighter_stat_bar .stat_bar_holder .check.slim {
  margin-top: 7px;
}
.fighter_stat_bar .stat_bar_holder .number {
  vertical-align: middle;
  display: block;
  float: left;
  font-size: 45px;
  color: #888;
  font-weight: bold;
  padding-left: 15px;
  padding-top: 14px;
}
.fighter_stat_bar .stat_bar_holder .number.slim {
  font-size: 26px;
  padding-top: 8px;
}

ol.competition {
  margin-left: 0;
  margin-bottom: 20px;
}

.competition li {
  width: 756px;
  border-bottom: 1px dotted #666;
  padding: 15px 0;
  float: left;
  clear: left;
  display: block;
  font-size: 14px;
}
.competition li img {
  float: left;
  margin-right: 20px;
}

.userCompBar {
  float: right;
  width: 475px;
  height: 50px;
  margin-top: 9px;
  background: #f2f2f2;
  border-radius: 5px;
}
.userCompBar.my {
  width: 425px;
}
.userCompBar div {
  display: inline-block;
  height: 50px;
  line-height: 50px;
}
.userCompBar .userCompPoints {
  display: inline;
  background: #f9f9f9;
  color: #a88843;
  padding: 6px;
  margin-left: 20px;
  font-size: 16px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 5px;
}
.userCompBar .userCompPoints.my {
  margin-left: 15px;
}
.userCompBar .pts {
  text-transform: uppercase;
  margin-right: 5px;
  color: #7F7F7F;
  font-size: 10px;
}

.compIcon {
  float: left;
  margin-left: 30px;
  width: 67px;
  overflow: hidden;
}

.compName {
  float: left;
  margin-left: 30px;
  width: 125px;
  overflow: hidden;
  line-height: 1.5em;
}
.compName a {
  color: #333 !important;
  font-size: 14px;
}

.compUser {
  float: left;
  margin-left: 30px;
  margin-top: 12px;
  padding-top: 5px;
  max-width: 180px;
  overflow: hidden;
}
.compUser a {
  color: #333 !important;
  font-size: 14px;
}
.compUser dd {
  margin-top: 8px;
}

.competitionRank {
  float: left;
  display: inline-block;
  width: 68px;
  height: 68px;
  line-height: 68px;
  border-radius: 35px;
  background: #f2f2f2;
  border: none;
  font-size: 28px !important;
  color: #7f7f7f;
  text-align: center;
  padding: 0 !important;
  letter-spacing: -1px;
}
.competitionRank.first {
  background: #a88843;
  color: #f2f2f2;
}
.competitionRank.second {
  background: #999;
  color: #f2f2f2;
}
.competitionRank.third {
  background: #8c7853;
  color: #f2f2f2;
}

.competitionInfo {
  float: right;
  margin-right: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
}
.competitionInfo.my {
  margin-right: 15px;
}
.competitionInfo a {
  color: #666 !important;
}
.competitionInfo a:hover {
  color: #333 !important;
  border-bottom: 1px solid #333 !important;
}
.competitionInfo span:last-child {
  display: inline-block;
  width: 190px;
  text-align: right;
}
.competitionInfo span:last-child.my {
  width: 160px;
}

.competitionIcon {
  text-indent: -5000px;
  width: 124px;
  float: right;
  margin-bottom: 10px;
}

img.competitionIcon {
  border-radius: 5px;
  float: right;
  opacity: 0.7;
  transition: opacity 0.2s linear;
}
img.competitionIcon:hover {
  opacity: 1;
}

img.compImg {
  border-radius: 8px;
}

.competitionPreview {
  clear: both;
  margin-top: 40px;
}

.prizeHeader {
  margin-top: 15px;
  background: #f2f2f2;
  padding: 5px 20px;
  width: 298px;
  color: #333;
  text-align: left;
  line-height: 18px;
  margin-left: 20px;
  font-size: 12px;
  border-radius: 5px;
}
.prizeHeader span:nth-of-type(2) {
  float: right;
  padding-right: 3px;
}

.compRegister {
  clear: both;
  margin-bottom: 20px;
}

.compCashPromo {
  clear: both;
  display: block;
  margin: 20px 0;
  padding: 20px 20px 15px 20px;
  border-radius: 5px;
  background: #333;
  position: relative;
}

.compCashFeature {
  height: 90px;
}

.compCashDollars {
  height: 90px;
  float: left;
  max-width: 400px;
  overflow: hidden;
  margin-right: 20px;
  font-size: 90px;
  font-weight: bold;
  color: #a88843;
}

.compCashDescription {
  float: left;
  margin-top: 31px;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
}

.compCashLogo {
  float: left;
  width: 280px;
  height: 60px;
  margin: 20px 10px 0 20px;
  background: url(../png/logo-333.png) no-repeat;
}

.compCashDetails {
  clear: both;
  width: 716px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted #a88843;
}
.compCashDetails p {
  color: #ccc;
  line-height: 1em;
  padding: 0 0 5px 0 !important;
  text-align: center;
}
.compCashDetails p a:link, .compCashDetails p a:visited {
  color: #ccc;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}
.compCashDetails p a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.compCashDetails p.gold {
  color: #a88843;
}
.compCashDetails p.big {
  font-size: 20px !important;
}

ul.compPrizes {
  margin-top: 5px;
  background: #f2f2f2;
  width: 318px;
  padding: 10px;
  margin-left: 20px;
  border-radius: 5px;
}
ul.compPrizes li {
  clear: both;
  width: 308px !important;
  margin-left: 0px;
  margin-bottom: 8px;
  background: white;
  padding: 2px 5px;
  line-height: 26px;
  border-radius: 5px;
}
ul.compPrizes li span:nth-of-type(1) {
  color: #666;
}
ul.compPrizes li span:nth-of-type(2) {
  color: #a88843;
  float: right;
  font-size: 16px;
  font-weight: bold;
  padding-right: 3px;
}
ul.compPrizes li:last-child {
  margin-bottom: 0px;
}

/* Content Styles
------------------------------------------------------------------------ */
.fullWidth {
  clear: both;
  width: 1176px;
  text-align: center;
}
.fullWidth h1 {
  font-size: 26px;
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
}

.contentWrap {
  clear: both;
  position: relative;
  margin: 0 auto 20px auto;
  padding: 0 20px;
  min-height: 650px;
}
.contentWrap.egSkin {
  background: #fff;
}

#contentwide {
  float: left;
  display: inline;
}
#contentwide h1 {
  font-size: 26px;
  font-weight: bold;
  color: #333;
  text-align: left;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
}
#contentwide h1 span.right {
  padding-top: 8px;
  text-shadow: none;
  float: right;
  font-size: 16px;
}

.botPad {
  padding-bottom: 10px;
}

.titleCenter h1 {
  text-align: center;
}
.titleCenter h1 span {
  color: #999;
}
.titleCenter h1 span.regular {
  color: #333;
}

textarea {
  resize: vertical;
}

.topMargin {
  margin-top: 40px;
}

.blurb {
  clear: both;
}
.blurb.margin {
  margin-top: 20px;
}
.blurb.border {
  border-top: 1px dotted #666;
}
.blurb p.last {
  padding: 0 !important;
}

#content {
  display: inline;
  margin-right: 20px;
}
#content h1 {
  font-size: 26px;
  font-weight: bold;
  color: #333;
  text-align: left;
}
#content h1.pad {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #666;
  width: 756px;
  font-size: 22px;
  color: #333;
}
#content h1.userforum {
  padding-bottom: 30px;
}
#content h1.showPred a:link, #content h1.showPred a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
#content h1.showPred a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
#content h1.topic {
  padding: 20px 0;
  border-bottom: 1px dotted #666;
}
#content h1.topic.centered {
  text-align: center;
}
#content h1.bout {
  padding-bottom: 20px;
  border-bottom: 1px dotted #666;
}
#content h1.past {
  text-align: center;
  border-top: 1px dotted #666;
  padding-top: 20px;
}
#content h1.small {
  font-size: 25px;
}
#content h1.verySmall {
  font-size: 23px;
}
#content h2.sectionHeading {
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px dotted #666;
}
#content h3 {
  clear: both;
  margin-top: 20px;
  padding: 0 10px;
  height: 38px;
  display: flex;
  justify-content: space-between;
  background: #333;
  border-radius: 5px;
  color: #ccc;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 38px;
  font-weight: normal;
}
#content h3.narrow {
  clear: left;
  margin-top: 43px;
  width: 472px;
}
#content h3.inline {
  display: inline-block;
}
#content h3.relative {
  position: relative;
}
#content h3.marTop {
  margin-top: 40px;
}
#content h3.marBottom {
  margin-bottom: 20px;
}
#content h3.main {
  margin-top: 0;
}
#content h3.marAlt {
  margin: 0 0 20px;
}
#content h3 span.moreLink {
  display: inline;
  font-size: 16px;
  color: #fff;
  text-align: right;
  text-transform: none;
  margin-left: 10px;
}
#content h3 span.moreLink a:link, #content h3 span.moreLink a:visited {
  color: #999;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
#content h3 span.moreLink a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
#content h3 span.contrast {
  color: #999;
}

#contentwide h3 {
  clear: both;
  margin-top: 20px;
  padding: 0 10px;
  height: 38px;
  display: block;
  background: #333;
  border-radius: 5px;
  color: #ccc;
  font-size: 26px;
  text-transform: uppercase;
  line-height: 38px;
  font-weight: normal;
}
#contentwide h3 span.moreLink {
  float: right;
  display: inline;
  font-size: 16px;
  color: #fff;
  text-align: right;
  text-transform: none;
}
#contentwide h3 span.moreLink a:link, #contentwide h3 span.moreLink a:visited {
  color: #999;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
#contentwide h3 span.moreLink a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}

p.navLinks {
  clear: both;
  margin: 0px 0 20px 0;
  padding: 0 0 10px 0;
  font-size: 12px;
  border-bottom: 1px dotted #666;
  color: #666;
  min-height: 16px;
  display: flex;
  justify-content: space-between;
}
p.navLinks.borderTop {
  border-top: 1px dotted #666;
}
p.navLinks.marTop {
  margin-top: 20px;
}
p.navLinks.evenPadding {
  padding: 10px 0 !important;
}
p.navLinks.noBorderBottom {
  border-bottom: none;
}
p.navLinks.wide {
  width: 1176px;
}
p.navLinks.altA {
  padding: 10px 0 10px 0 !important;
  margin-bottom: 0px;
}
p.navLinks.altB {
  border-bottom: none;
  margin: 10px 0 0 0 !important;
  padding: 0px !important;
}
p.navLinks.altC {
  border-top: 1px dotted #666;
  margin-top: 15px !important;
  padding: 10px 0 10px 0 !important;
}
p.navLinks.altD {
  border-top: 1px dotted #666;
  padding: 10px 0 10px 0 !important;
  margin-bottom: 10px;
}
p.navLinks.altF {
  padding: 0 0 10px 0 !important;
  margin: 10px 0 0 0 !important;
}
p.navLinks.altG {
  padding: 10px 0 10px 0 !important;
}
p.navLinks.altH {
  border-top: 1px dotted #666;
  margin-top: 25px !important;
  padding: 10px 0 10px 0 !important;
}
p.navLinks.altWide {
  border-top: 1px dotted #666;
  margin-top: 15px;
  padding-top: 10px;
  width: 1176px;
}
p.navLinks span.left {
  line-height: 20px;
}
p.navLinks span.right {
  text-align: right;
  line-height: 20px;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
p.navLinks span.right i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 18px;
  color: #666;
}
p.navLinks span.right a.icon {
  border-bottom: none;
  margin-left: 10px;
}
p.navLinks span.right i:hover {
  color: #c1320b;
}
p.navLinks i {
  vertical-align: middle;
  font-size: 18px;
  line-height: 0.1;
}

h4.preTitle {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #7f7f7f;
}
h4.preTitle.gold {
  color: #a88843;
}
h4.preTitle a:link, h4.preTitle a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
  margin-left: 20px;
}
h4.preTitle a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
h4.preTitle span.right {
  float: right;
}
h4.preTitle span.left {
  float: left;
}

h4.miniHeader {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
h4.miniHeader a:link, h4.miniHeader a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
h4.miniHeader a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
h4.miniHeader span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
h4.miniHeader span.help a:link, h4.miniHeader span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
h4.miniHeader span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
h4.miniHeader.marBottom {
  margin-bottom: 20px;
}
h4.miniHeader.red {
  background: #c1320b;
  color: #fff;
}
h4.miniHeader.red a:link, h4.miniHeader.red a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}
h4.miniHeader.red a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
h4.miniHeader span.right {
  float: right;
}

h4.boutResult {
  margin: 0 0 20px !important;
  font-size: 18px;
  color: #333;
  background: #f2f2f2;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
}

h4.pickStats {
  margin: 10px 0 !important;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  background: #e6e6e6;
  color: #333;
  text-align: center;
}

h4.history {
  margin: 20px 0 !important;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  background: #f2f2f2;
  color: #333;
  text-align: center;
}

h4.sectionHeading {
  margin: 0 0 8px;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  border-top: 1px dotted #666;
}

h4.siteMap {
  padding: 30px 0 20px 0;
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

#content h1.prorecord {
  margin-right: 10px;
  float: right;
}
#content h4.nickname {
  color: #a88843;
}
#content h4.prorecord {
  margin-right: 10px;
  color: #7f7f7f;
  float: right;
}

#content p {
  font-size: 12px;
  line-height: 1.4em;
  padding: 0 0 15px;
}
#content p.customTopA {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px dotted #666;
}
#content p.customTop {
  padding-top: 10px;
}
#content p.customBot {
  padding-bottom: 20px;
  border-bottom: 1px dotted #666;
}

ul.regular {
  list-style: square;
  list-style-position: inside;
}

.blurbContent {
  clear: both;
  margin: 0 5px;
  padding: 15px;
  border-radius: 5px;
  background: #f2f2f2;
  position: relative;
}
.blurbContent p {
  font-size: 14px;
  text-align: justify;
  color: #666;
  line-height: 1.4em;
  padding: 0 !important;
  display: block;
}

.transSpace {
  border-top: 1px dotted #666;
  margin: 10px 0;
  clear: both;
  height: 10px;
  position: relative;
}
.transSpace.leader {
  margin-top: 0px;
}

.transContent {
  clear: both;
  margin-top: 20px;
  color: #333;
  padding: 5px 20px 10px;
  background: #edeae1;
  position: relative;
  word-wrap: break-word;
  border-radius: 5px;
}
.transContent.specialNotice {
  background: #fbfbae;
}
.transContent.specialNotice i {
  color: #c1320b;
  font-size: 26px;
}
.transContent.superAdmin {
  background: #b9c3ce;
  color: #26466D;
}
.transContent.activateGood {
  background: #e6e6e6;
}
.transContent.activateGood:hover {
  background: #119411;
}
.transContent.activate {
  background: #e6e6e6;
}
.transContent.activate p a:link, .transContent.activate p a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.transContent.activate p a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.transContent.activate:hover {
  background: #ffcece;
}
.transContent.activate:hover p a:link, .transContent.activate:hover p a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.transContent.activate:hover p a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.transContent.padTop {
  padding: 15px 20px 10px;
}
.transContent.evenPadding {
  padding-top: 10px;
}
.transContent.marBottom {
  margin-bottom: 20px;
}
.transContent.marBottomExtra {
  margin-bottom: 30px;
}
.transContent.lowMargin {
  margin-top: 10px;
}
.transContent.extraMargin {
  margin-top: 40px;
}
.transContent.lowPadding {
  padding-bottom: 5px;
}
.transContent.hoverLinks:hover p a:link, .transContent.hoverLinks:hover p a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.transContent.hoverLinks:hover p a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.transContent.userWelcome {
  margin-top: 0px;
  margin-bottom: 20px;
}
.transContent.preferences {
  margin: 0 0 20px 0;
  padding: 0 20px 5px;
  width: 300px;
}
.transContent.fullWidth {
  width: 1136px;
}
.transContent.rankList {
  clear: right;
  float: right;
  width: 522px;
  margin-top: 0;
  margin-bottom: 20px;
}
.transContent h2 {
  font-size: 22px;
  color: #666;
  padding: 10px 0 10px;
}
.transContent h4 {
  font-size: 16px;
  color: #666;
  padding: 5px 0;
}
.transContent h4 a:link, .transContent h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.transContent h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.transContent h4.combo {
  font-size: 14px;
  color: #555;
  display: block;
  height: 20px;
  width: 716px;
  clear: both;
}
.transContent h4.combo span.left {
  float: left;
}
.transContent h4.combo span.right {
  color: #888;
  float: right;
}
.transContent h4.padTop {
  padding-top: 10px;
}
.transContent h4.rankNew {
  padding: 10px 0 5px;
}
.transContent h4.rank {
  padding: 0 0 5px 0;
}
.transContent h5 {
  font-size: 14px;
  color: #555;
  padding: 3px 0 0 0;
}
.transContent h5.extraPad {
  padding-top: 10px;
}
.transContent section a:link, .transContent section a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.transContent section a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.transContent section.combo {
  height: 16px;
  font-size: 12px;
  width: 716px;
  clear: both;
}
.transContent section.combo span.left {
  float: left;
}
.transContent section.combo span.right {
  float: right;
}
.transContent p {
  font-size: 14px;
  line-height: 1.4em;
  padding: 5px 0 !important;
  display: block;
}
.transContent p.clearLinks a:link, .transContent p.clearLinks a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
.transContent p.clearLinks a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.transContent p.greyLinks a:link, .transContent p.greyLinks a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
.transContent p.greyLinks a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.transContent p.linksRow {
  padding-top: 0 !important;
}
.transContent p.linksRow a:link, .transContent p.linksRow a:visited {
  color: #9a2809;
  text-decoration: none;
  border-bottom: 1px dotted #9a2809;
}
.transContent p.linksRow a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.transContent p.updated {
  text-align: right;
  color: #555;
  padding-top: 15px !important;
}
.transContent p.updated a:link, .transContent p.updated a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.transContent p.updated a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.transContent p.noPad {
  padding-top: 10px !important;
}
.transContent p.right {
  font-size: 12px;
  padding-bottom: 0px;
  font-weight: bold;
  text-align: right;
}
.transContent p.lined {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 2.5em;
  margin: 10px 0;
}
.transContent ul {
  list-style: square;
  list-style-position: inside;
}
.transContent ul.padBottom {
  padding-bottom: 10px;
}
.transContent ul.halfWidth {
  width: 356px;
  display: inline-block;
}
.transContent li {
  color: #444;
  padding: 3px 40px 0;
  font-size: 12px;
  line-height: 1.4em;
}
.transContent li.tall {
  line-height: 1.6em;
}
.transContent li.subSection {
  font-weight: bold;
  padding: 12px 20px 0;
}
.transContent li span.note {
  padding-left: 10px;
  font-size: 11px;
  color: #777;
}

.transWiki {
  clear: both;
  margin: 20px 0px;
  color: #333;
  padding: 15px 20px 5px 70px;
  border-radius: 5px;
  background: #edeae1 url(../png/wikipad-4761afae97fc7d7fa4294b9dc78c14ff89756a39903859273492fae7bf5b8095.png) no-repeat 20px 20px;
}
.transWiki h4 {
  font-size: 16px;
  color: #666;
  padding: 8px 0;
}
.transWiki p {
  font-size: 14px;
  padding: 5px 0px;
}
.transWiki p.last {
  margin-bottom: 20px;
}

.pageHeading {
  clear: both;
  margin: 10px 0;
}
.pageHeading.withSharing h1, .pageHeading.withSharing h2, .pageHeading.withSharing h4 {
  width: 666px;
}
.pageHeading h6 {
  float: right;
  width: 77px;
  height: 77px;
  text-indent: -5000px;
  display: inline-block;
}
.pageHeading h6.left {
  float: left;
}
.pageHeading.altA {
  margin-bottom: 10px;
}

h6.promoter {
  opacity: 0.5;
  height: 77px;
  width: 77px;
}

.promotionLogo {
  text-indent: -5000px;
  height: 77px;
  width: 77px;
}
.promotionLogo.right {
  float: right;
  margin-bottom: 10px;
}
.promotionLogo.left {
  display: inline-block;
  float: left;
}

.promotionLogoSmall {
  margin: 0 15px;
  height: 40px;
  width: 40px;
  float: left;
  display: inline-block;
  text-indent: -5000px;
}
.promotionLogoSmall img {
  height: 40px;
  width: 40px;
  float: left;
}

img.promotionLogo {
  opacity: 0.75;
  transition: opacity 0.2s linear;
}
img.promotionLogo:hover {
  opacity: 1;
}
img.promotionLogo.left {
  float: left;
}
img.promotionLogo.right {
  float: right;
}
img.matchupRight, img.matchupLeft {
  border-radius: 5px;
  width: 77px;
  height: 77px;
  display: inline;
}
img.matchupRight {
  float: right;
  margin-left: 20px;
}
img.matchupLeft {
  float: left;
  margin-right: 20px;
}

section.fcListing > div.main {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  height: 100px;
  border-bottom: 1px solid #111111;
  text-align: left;
}
section.fcListing > div.main div.left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding-left: 12px;
  max-width: calc(100% - 132px);
}
section.fcListing > div.main div.left > div {
  display: flex;
  align-items: center;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
}
section.fcListing > div.main div.left > div a {
  text-decoration: none;
  color: #333333;
  border-bottom: 1px dotted #333333;
}
section.fcListing > div.main div.left > div a:hover {
  border-bottom: 1px solid #333333;
}
section.fcListing > div.main div.left > div.promotion span.name {
  color: #333333;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
}
section.fcListing > div.main div.left > div.promotion span.name:after {
  content: "•";
  margin: 0 6px;
  color: #999;
}
section.fcListing > div.main div.left > div.promotion span.broadcast, section.fcListing > div.main div.left > div.promotion span.stream {
  font-style: italic;
}
section.fcListing > div.main div.left > div.promotion span.broadcast a:link, section.fcListing > div.main div.left > div.promotion span.broadcast a:visited, section.fcListing > div.main div.left > div.promotion span.stream a:link, section.fcListing > div.main div.left > div.promotion span.stream a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
section.fcListing > div.main div.left > div.promotion span.broadcast a:hover, section.fcListing > div.main div.left > div.promotion span.stream a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
section.fcListing > div.main div.left > div.promotion span.broadcast:before, section.fcListing > div.main div.left > div.promotion span.stream:before {
  content: "•";
  margin: 0 6px;
  color: #999;
}
section.fcListing > div.main div.left > div.geography img.eventFlag {
  margin-right: 8px;
}
section.fcListing > div.main div.left > div.geography span.sport:not(:last-child):after {
  content: "•";
  margin: 0 6px;
  color: #999;
}
section.fcListing > div.main div.left > div.geography span.venue:not(:last-child):after {
  content: "•";
  margin: 0 6px;
  color: #999;
}
section.fcListing > div.main div.left > div.geography span.venue-location:not(:last-child):after {
  content: "•";
  margin: 0 6px;
  color: #999;
}
section.fcListing > div.main div.left > div.listing {
  color: #a88843;
}
section.fcListing > div.main div.left > div.listing a,
section.fcListing > div.main div.left > div.listing a:visited {
  color: #a88843;
  border-bottom: 1px dotted #a88843;
}
section.fcListing > div.main div.left > div.listing a:hover,
section.fcListing > div.main div.left > div.listing a:visited:hover {
  border-bottom: 1px solid #a88843;
}
section.fcListing > div.main div.left > div.listing span:first-of-type:before {
  content: "★";
  margin-right: 6px;
}
section.fcListing > div.main div.left > div.listing span:not(:last-child):after {
  content: "•";
  margin: 0 5px;
  color: #a88843;
}
section.fcListing > div.main div.left > div.listing span.bout_toggler {
  display: flex;
  height: 24px;
  align-items: center;
}
section.fcListing > div.main div.left > div.listing span.bout_toggler i {
  font-size: 16px;
  margin-left: 4px;
  cursor: pointer;
}
section.fcListing > div.main div.right {
  width: 100px;
  height: 100%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.fcListing > div.main div.right div.promotionLogo {
  text-indent: initial;
  color: transparent;
}
section.fcListing div.fcBoutsCard {
  border-bottom: 1px solid #111111;
  padding-bottom: 15px;
}
section.fcListing div.fcBoutsCard table.fcCard {
  margin-top: 12px;
  margin-left: 12px;
  width: auto;
}

.fcBouts {
  clear: both;
  width: 756px;
  text-align: center;
  padding-top: 15px;
}
.fcBouts .fcBoutsCard {
  padding-bottom: 35px;
}
.fcBouts .pop.open {
  padding-bottom: 35px !important;
}
.fcBouts .pop.close {
  padding-bottom: 5px !important;
}
.fcBouts p {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0;
}

p.pop {
  position: relative;
  z-index: 10;
  overflow: hidden;
  display: block;
  text-align: center;
  padding-bottom: 31px !important;
}
p.pop.loPad {
  padding-bottom: 10px !important;
}
p.open a:link, p.open a:visited {
  text-decoration: none;
  color: #999;
  border: none;
  height: 12px;
  padding: 0 14px 16px;
  background: url(../png/bouts_arrow_bg-1779ddc18a95964bd7838a654472e613dbffca29a7dbedee987d0bc964caa18a.png) no-repeat center 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  overflow: hidden;
}
p.open a:hover {
  color: #c1320b;
  text-decoration: none;
  border: none;
  background: url(../png/bouts_arrow_bg-1779ddc18a95964bd7838a654472e613dbffca29a7dbedee987d0bc964caa18a.png) no-repeat center -28px;
}
p.close a:link, p.close a:visited {
  text-decoration: none;
  border: none;
  width: 200px;
  height: 12px;
  display: block;
  padding: 0;
  margin: 0 auto;
  padding-bottom: 16px;
  background: url(../png/bouts_arrow_close_bg-46a8b10681088b47a922c4ac42b27f89eb772e6951b5468b931e2e7819398e1f.png) no-repeat center 0;
  color: #c1320b;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
p.close a:hover {
  color: #c1320b;
  text-decoration: none;
  border: none;
  background: url(../png/bouts_arrow_close_bg-46a8b10681088b47a922c4ac42b27f89eb772e6951b5468b931e2e7819398e1f.png) no-repeat center -28px;
}

.popClosed {
  height: 0;
  overflow: hidden;
}

div.pop {
  margin: -22px 0px 20px 0px;
  text-align: left;
  text-indent: 48%;
}
div.pop a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
div.pop a:hover {
  color: #333;
  border-bottom: 1px dotted #333;
}

table.fcCard {
  margin-top: 10px;
  width: 756px;
  padding: 0;
  text-align: left;
}
table.fcCard.margins {
  margin: 25px 0;
}
table.fcCard.splitScreen {
  width: 368px;
}
table.fcCard.sidebarBasic {
  width: 100%;
}
table.fcCard.sidebarBasic th.gutter {
  background-color: transparent;
}
table.fcCard.wide {
  width: 1176px;
}
table.fcCard.sidebar {
  clear: both;
  margin: 0;
  padding-bottom: 20px;
  width: 360px;
}

.fcCard tr.pickRow {
  transition: background 0.2s linear;
}
.fcCard tr.pickRow:hover {
  background: #f2f2f2;
}
.fcCard tr.pickHeader {
  margin-bottom: 10px;
}
.fcCard tr.bottBorder {
  border-bottom: 1px dotted #666;
}
.fcCard th {
  padding: 0 10px;
  background: #e6e6e6;
  color: #7f7f7f;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  line-height: 32px;
  border-radius: 5px;
}
.fcCard th span.links {
  text-transform: none;
  font-weight: normal;
}
.fcCard th a:link, .fcCard th a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.fcCard th a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.fcCard th.center {
  text-align: center;
}
.fcCard th.gutter {
  background: #fff;
  padding: 0;
  width: 20px;
  display: block;
}
.fcCard th.gutter.thin {
  width: 4px;
}
.fcCard th.gutter.verythin {
  width: 2px;
}
.fcCard th.lineup {
  width: 445px;
}
.fcCard th.uName {
  width: 175px;
}
.fcCard th.date {
  width: 100px;
}
.fcCard th.rightC {
  width: 110px;
}
.fcCard th.smlA {
  width: 80px;
}
.fcCard th.smlD {
  width: 70px;
}
.fcCard th.eStat {
  width: 175px;
}
.fcCard th.midA {
  width: 190px;
}
.fcCard th.midB {
  width: 145px;
}
.fcCard th.lrgA {
  width: 225px;
}
.fcCard th.lrgB {
  width: 271px;
}
.fcCard th.lrgC {
  width: 686px;
}
.fcCard th.lrgD {
  width: 255px;
}
.fcCard th.lrgG {
  width: 586px;
}
.fcCard th.fcPrediction {
  width: 251px;
}
.fcCard td {
  padding: 8px 0;
  line-height: 1.6em;
  border-bottom: 1px dotted #666;
  color: #333;
  font-size: 12px;
}
.fcCard td.award {
  padding: 10px;
  color: #333;
  line-height: 1.4em;
  vertical-align: middle;
}
.fcCard td.award.noBorder {
  border-bottom: none;
}
.fcCard td.altA, .fcCard td.altB {
  padding: 8px 0 0 0;
  line-height: 1.4em;
  border-bottom: none;
}
.fcCard td.altB a:link, .fcCard td.altB a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcCard td.altB a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcCard td.altC a:link, .fcCard td.altC a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcCard td.altC a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcCard td.pickCell {
  color: #333;
}
.fcCard td.pickCell.alt a:link, .fcCard td.pickCell.alt a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcCard td.pickCell.alt a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcCard td.pickCell.center {
  text-align: center;
  border-bottom: 1px dotted #666 !important;
}
.fcCard td.pickCell.center a:link, .fcCard td.pickCell.center a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: none;
}
.fcCard td.pickCell.center a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcCard td.green a:link, .fcCard td.green a:visited {
  color: #228B22;
  text-decoration: none;
  border-bottom: 1px dotted #228B22;
}
.fcCard td.green a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.fcCard td.orange a:link, .fcCard td.orange a:visited {
  color: #d08d11;
  text-decoration: none;
  border-bottom: 1px dotted #d08d11;
}
.fcCard td.orange a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.fcCard td span.small {
  font-size: 9px;
  color: #555;
}
.fcCard td span.bad {
  color: #b7b7b7;
}
.fcCard td span.good {
  color: #333;
}
.fcCard td span.goodAlt {
  color: #333;
}
.fcCard td span.goodAlt a:link, .fcCard td span.goodAlt a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcCard td span.goodAlt a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcCard td span.edit {
  float: right;
  display: inline;
}
.fcCard td span.award {
  color: #a88843;
  text-decoration: none;
  font-weight: bold;
}
.fcCard td span.award a:link, .fcCard td span.award a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
.fcCard td span.award a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

td.gutter {
  border: none;
}

span.correct, span.wrong, span.draw {
  width: 15px;
  height: 12px;
  display: inline-block;
  text-indent: -5000px;
  overflow: hidden;
  margin: 0 2px 3px;
  vertical-align: bottom;
}
span.correct {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -532px -293px;
}
span.wrong {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -532px -306px;
}
span.draw {
  background: url(../png/draw_sm-0271ba8ac3bc7073e491951dcb8c39ea3d061474d0cf369b6b9707e17237df0f.png);
}
span.correctBox {
  font-size: 24px;
}
span.correctBox:before {
  content: "☑";
}
span.wrongBox {
  font-size: 24px;
}
span.wrongBox:before {
  content: "☒";
}

table.fcLeaderboard {
  margin-top: 10px;
  width: 756px;
  padding: 0;
  text-align: left;
}

.fcLeaderboard tr {
  height: 32px;
}
.fcLeaderboard tr.marginBorder {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
}
.fcLeaderboard tr.pickHeader {
  margin-bottom: 10px;
}
.fcLeaderboard tr.bottBorder {
  border-bottom: 1px dotted #666;
}
.fcLeaderboard tr:nth-child(2n) {
  background: #f5f5f5;
}
.fcLeaderboard tr:nth-child(2n):nth-child(2) {
  border-top: 10px solid white;
  height: 40px;
}
.fcLeaderboard dl {
  margin-bottom: -3px;
}
.fcLeaderboard th {
  padding: 0 10px;
  background: #e6e6e6;
  color: #7f7f7f;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  line-height: 32px;
  border-radius: 5px;
}
.fcLeaderboard th.gutter {
  background: #fff;
  padding: 0;
  width: 12px;
  display: block;
}
.fcLeaderboard th.rank {
  width: 35px;
}
.fcLeaderboard th.belt {
  width: 120px;
}
.fcLeaderboard th.member {
  width: 300px;
}
.fcLeaderboard td {
  padding: 8px 0;
  line-height: 1.6em;
  border-bottom: 1px dotted #666;
  color: #444;
  font-size: 12px;
}
.fcLeaderboard td.noBorder {
  border-bottom: none;
  padding-left: 6px;
}
.fcLeaderboard td.award {
  padding: 10px;
  color: #333;
  line-height: 1.4em;
  vertical-align: middle;
}
.fcLeaderboard td.award.noBorder {
  border-bottom: none;
}
.fcLeaderboard td.middled {
  padding: 2px 0;
  line-height: 1.3em;
  vertical-align: middle;
  text-align: center;
  border-bottom: none;
}
.fcLeaderboard td.centered {
  padding: 2px 0;
  line-height: 1.3em;
  vertical-align: middle;
  border-bottom: none;
  text-indent: 10px;
}
.fcLeaderboard td.centered.noIndent {
  text-indent: 0px;
}
.fcLeaderboard td.altA, .fcLeaderboard td.altB {
  padding: 8px 0 0 0;
  line-height: 1.4em;
  border-bottom: none;
  text-indent: 10px;
}
.fcLeaderboard td.zeroBorderLink a:link, .fcLeaderboard td.zeroBorderLink a:visited, .fcLeaderboard td.zeroBorderLink a:hover {
  text-decoration: none;
  border-bottom: none;
}
.fcLeaderboard td.zeroBorderLink a:link, .fcLeaderboard td.zeroBorderLink a:visited {
  color: #c1320b;
}
.fcLeaderboard td.zeroBorderLink a:hover {
  color: #000;
}
.fcLeaderboard td.altB a:link, .fcLeaderboard td.altB a:visited {
  color: #7f7f7f;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcLeaderboard td.altB a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.fcLeaderboard td.pickCell {
  color: #333;
}
.fcLeaderboard td.pickCell.alt a:link, .fcLeaderboard td.pickCell.alt a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcLeaderboard td.pickCell.alt a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcLeaderboard td span.bad {
  color: #b7b7b7;
}
.fcLeaderboard td span.good {
  color: #333;
}
.fcLeaderboard td span.goodAlt {
  color: #333;
}
.fcLeaderboard td span.goodAlt a:link, .fcLeaderboard td span.goodAlt a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fcLeaderboard td span.goodAlt a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcLeaderboard td span.edit {
  float: right;
  display: inline;
}
.fcLeaderboard td span.award {
  color: #a88843;
  text-decoration: none;
  font-weight: bold;
}
.fcLeaderboard td span.award a:link, .fcLeaderboard td span.award a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
.fcLeaderboard td span.award a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fcLeaderboard td i {
  display: block;
  font-size: 26px;
}

.comments {
  display: inline-block;
}

.picksCommentsContainer div.comments,
.userCommentsContainer div.comments,
.gameCommentsContainer div.comments,
.rankingCommentsContainer div.comments {
  width: 100%;
}

.eventStreamLinks {
  background-color: #F2F2F2;
  margin: 20px 0;
  border-radius: 5px;
  padding: 0 17px 0 20px;
  clear: both;
}
.eventStreamLinks li {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
.eventStreamLinks li i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 24px;
  color: #777;
}
.eventStreamLinks li:not(:last-of-type) {
  border-bottom: 1px dotted #777;
}
.eventStreamLinks li.padded {
  padding-top: 10px;
  padding-bottom: 10px;
}
.eventStreamLinks li a {
  border-bottom: none;
}
.eventStreamLinks .logo {
  display: flex;
  width: 120px;
}
.eventStreamLinks .logo img {
  border: 1px solid #d6d6d6;
  display: flex;
  height: 28px;
  opacity: 0.6;
}
.eventStreamLinks .logo img:hover {
  opacity: 1;
}
.eventStreamLinks .description {
  font-size: 12px;
  color: #333;
}
.eventStreamLinks .description a:link, .eventStreamLinks .description a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
.eventStreamLinks .description a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.eventStreamLinks .description span {
  color: #999;
}
.eventStreamLinks .linkContainer {
  display: flex;
  align-items: center;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 2px 2px 2px 5px;
  cursor: pointer;
  -webkit-user-selet: none;
  user-select: none;
}
.eventStreamLinks .linkContainer a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #777;
}
.eventStreamLinks .linkContainer span {
  font-size: 11px;
}
.eventStreamLinks .linkContainer i {
  margin-left: 5px;
}
.eventStreamLinks .linkContainer:hover {
  background: #fff;
}
.eventStreamLinks .linkContainer:hover i {
  color: #c1320b;
}

@media (min-width: 961px) {
  .contentWrap {
    width: 1176px;
  }
  #contentwide {
    width: 1176px;
  }
  #contentwide h3 {
    width: 1156px;
  }
  #content {
    float: left;
    width: 756px;
  }
  #content h3 {
    width: 736px;
  }
  p.navLinks {
    width: 756px;
  }
  .blurbContent {
    width: 716px;
  }
  .transSpace {
    width: 756px;
  }
  .transContent {
    width: 716px;
  }
  .transWiki {
    width: 666px;
  }
  .pageHeading {
    width: 756px;
  }
}
@media (max-width: 960px) {
  body {
    margin: 0 auto;
  }
  .contentWrap {
    width: 796px;
    box-sizing: border-box;
  }
  body[data-width=fluid] .contentWrap {
    width: initial;
    min-width: 400px;
  }
  #content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
/* Contest Styles
------------------------------------------------------------------------ */
a.contestEnter {
  margin: 30px 472px;
  width: 225px;
  height: 70px;
  display: block;
  text-indent: -5000px;
  border: none;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -2px -362px;
}
a.contestEnter:hover {
  cursor: pointer;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -2px -432px;
}

/* Writeup Model Styles
------------------------------------------------------------------------ */
.writeupContainer {
  margin: 20px 0;
}

.writeupContentsContainer {
  margin: 20px 0;
  border-top: 1px dotted #666;
  word-wrap: break-word;
}

.writeupContentsHeader {
  margin-top: 20px;
}
.writeupContentsHeader h4 {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.writeupContentsHeader h4 a:link, .writeupContentsHeader h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.writeupContentsHeader h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.writeupContentsHeader h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.writeupContentsHeader h4 span.help a:link, .writeupContentsHeader h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.writeupContentsHeader h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.writeupContentsHeader h4 a:link, .writeupContentsHeader h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.writeupContentsHeader h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.writeupContentsHeader span.right {
  float: right;
  text-align: right;
}

.writeupContributors {
  border-bottom: 1px dotted #666;
  padding: 0 0 17px 0;
}
.writeupContributors h4 {
  text-transform: uppercase;
  font-size: 11px;
  padding: 3px;
  margin-bottom: 7px;
}
.writeupContributors h4 .right {
  float: right;
}

.writeupHistory.basic {
  border-bottom: 1px dotted #666;
}
.writeupHistory h4 {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.writeupHistory h4 a:link, .writeupHistory h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.writeupHistory h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.writeupHistory h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.writeupHistory h4 span.help a:link, .writeupHistory h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.writeupHistory h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.writeupHistory h4 span.right {
  float: right;
  text-align: right;
}

.writeupContents {
  margin: 20px 0;
  font-size: 12px;
  text-align: left;
  word-wrap: break-word;
  line-height: 1.4em;
}
.writeupContents a:link, .writeupContents a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.writeupContents a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.writeupContents.review {
  margin-top: 5px;
}
.writeupContents.history {
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 10px;
}
.writeupContents.history.border {
  padding-bottom: 20px;
  border-bottom: 1px dotted #666;
}
.writeupContents p {
  font-size: 12px !important;
  line-height: 1.4em !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.writeupContents h1 {
  line-height: 1em !important;
  font-size: 26px !important;
  color: #333 !important;
  margin-bottom: 8px !important;
  margin-top: 15px !important;
}
.writeupContents h2 {
  font-size: 18px;
  color: #333;
  margin-bottom: 8px;
  margin-top: 15px;
}
.writeupContents ul {
  list-style-type: disc;
  list-style-position: outside;
  margin-top: 10px;
  margin-left: 40px;
  margin-bottom: 10px;
}
.writeupContents li {
  padding: 3px 0;
  line-height: 1.4em;
  color: #333;
  font-size: 12px;
}

/* Event page fight card Styles
------------------------------------------------------------------------ */
li.fightCard {
  border-bottom: 1px dotted #666;
  display: block;
}

.fightCardBout {
  display: inline-block;
  margin: 10px 0;
  width: 756px;
}

.fightCardBoutNumber {
  display: inline-block;
  width: 32px;
  font-size: 20px;
  font-weight: bold;
  float: left;
  text-align: center;
  margin-top: 28px;
  margin-right: 15px;
  color: #999;
}

.fightCardFighterBout {
  display: inline-block;
  border-radius: 5px;
  float: left;
  width: 203px;
  font-size: 12px;
  height: 77px;
  margin: 0 5px;
  padding: 0 5px;
}
.fightCardFighterBout.left {
  text-align: right;
}
.fightCardFighterBout.right {
  text-align: left;
}
.fightCardFighterBout.win {
  background: #d1f7d2;
}
.fightCardFighterBout.loss {
  background: #efd7d7;
}
.fightCardFighterBout.draw {
  background: #deecfc;
}
.fightCardFighterBout.nc {
  background: #ededed;
}

.fightCardFighterName {
  display: inline-block;
  color: #333;
  width: 203px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
}
.fightCardFighterName span.resultIcon img {
  vertical-align: middle;
  width: 13px;
  height: 13px;
}

.fightCardFighterRank {
  display: inline-block;
  width: 203px;
  font-size: 11px;
  color: #555;
  height: 26px;
  line-height: 26px;
}
.fightCardFighterRank a:link, .fightCardFighterRank a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.fightCardFighterRank a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.fightCardFighterRankNum {
  display: inline-block;
  background: #555;
  color: #f2f2f2;
  height: 18px;
  line-height: 18px;
  margin-top: 4px;
  min-width: 30px;
  text-align: center;
  border-radius: 5px;
}
.fightCardFighterRankNum.world {
  background: #9a2809;
}
.fightCardFighterRankNum span.number {
  margin-right: 1px;
  vertical-align: middle;
  font-size: 8px;
}
.fightCardFighterRankNum.comparison {
  margin-bottom: 5px;
  margin-top: 0;
}
.fightCardFighterRankNum.left {
  margin-left: 5px;
  float: right;
}
.fightCardFighterRankNum.right {
  margin-right: 5px;
  float: left;
}

.fightCardRecord {
  display: inline-block;
  width: 203px;
  font-size: 11px;
  color: #444;
  height: 26px;
  line-height: 26px;
}

.fightCardFighterPicks {
  display: inline-block;
  width: 203px;
  font-size: 8px;
  color: #444;
  height: 26px;
  line-height: 26px;
}

span.iconCorrect, span.iconWrong, span.iconDraw {
  width: 15px;
  height: 12px;
  vertical-align: middle;
  display: inline-block;
  text-indent: -5000px;
  overflow: hidden;
}
span.iconCorrect {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -532px -293px;
}
span.iconWrong {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -532px -306px;
}
span.iconDraw {
  background: url(../png/draw_sm-0271ba8ac3bc7073e491951dcb8c39ea3d061474d0cf369b6b9707e17237df0f.png);
}

.fightCardFighterImage {
  float: left;
  display: inline-block;
}
.fightCardFighterImage img {
  border-radius: 5px;
  width: 77px;
  height: 77px;
}

.fightCardFighterBigRanking {
  width: 73px;
  height: 51px;
  padding-top: 20px;
  border-radius: 5px;
  background: #f5f5f5;
  font-size: 32px;
  font-weight: bold;
  color: #ccc;
  text-align: center;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 1px #a88843;
  border: 2px solid #f7f3eb;
}

.fightCardMatchup {
  display: inline-block;
  float: left;
  border-radius: 5px;
  background: #edeae1;
  color: #866d36;
  font-size: 11px;
  height: 77px;
  width: 108px;
  line-height: 20px;
}
.fightCardMatchup.rumor {
  background: #fffacd;
}
.fightCardMatchup.sport {
  background: #d5d2be;
  height: 92px;
}
.fightCardMatchup span.billing {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.fightCardMatchup span.billing a:link, .fightCardMatchup span.billing a:visited {
  color: #866d36;
  text-decoration: none;
  border-bottom: 1px dotted #866d36;
}
.fightCardMatchup span.billing a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fightCardMatchup td {
  text-align: center;
  vertical-align: middle;
  width: 108px;
  height: 77px;
}
.fightCardMatchup td span.exhibition {
  color: #26466d;
}
.fightCardMatchup td span.modified {
  font-size: 10px;
}
.fightCardMatchup td.sport {
  height: 92px;
}

.fightCardWeight {
  display: inline-block;
  margin-left: 3px;
}
.fightCardWeight span.title, .fightCardWeight span.tournament {
  line-height: 26px;
  vertical-align: middle;
}
.fightCardWeight span.weight {
  background: #866d36;
  padding: 4px 5px;
  font-size: 13px;
  line-height: 26px;
  color: #edeae1;
  border-radius: 5px;
}
.fightCardWeight img.tournament {
  padding-top: 5px;
  height: 18px;
  width: 18px;
}

.fightCardSport {
  display: inline-block;
  min-width: 70px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.fightCardResultHolder {
  display: inline-block;
  margin-left: 47px;
  width: 709px;
  margin-top: 5px;
  margin-bottom: 1px;
}

.fightCardResult {
  display: inline-block;
  font-weight: bold;
  color: #866d36;
  width: 709px;
  text-align: center;
}
.fightCardResult span.result {
  text-transform: uppercase;
  font-size: 13px;
}
.fightCardResult span.time {
  line-height: 1.8em;
  font-size: 10px;
}
.fightCardResult span.time a:link, .fightCardResult span.time a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fightCardResult span.time a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.fightCardResult span.title {
  line-height: 2.2em;
  font-size: 9px;
}

/* Event page picks styles
------------------------------------------------------------------------ */
.eventBoutPickBar {
  display: inline-block;
  margin-top: 5px;
  height: 15px;
  background: #a88843;
}
.eventBoutPickBar.left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: 1px solid #777;
  margin-left: 5px;
  float: right;
}
.eventBoutPickBar.right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 1px solid #777;
  margin-right: 5px;
  float: left;
}

.eventBoutPicks {
  display: inline-block;
  width: 376px;
  font-size: 11px;
  color: #444;
  height: 26px;
  line-height: 26px;
}

.eventBoutPickPercentHolder.left {
  float: right;
}
.eventBoutPickPercentHolder.right {
  float: left;
}

.eventBoutPickName {
  background: #edeae1;
  color: #866d36;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  line-height: 26px;
  width: 125px;
  text-align: center;
}
.eventBoutPickName a:link, .eventBoutPickName a:visited {
  color: #866d36;
  text-decoration: none;
  border-bottom: 1px dotted #866d36;
}
.eventBoutPickName a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.eventBoutPickName.left {
  margin-right: 8px;
  float: right;
}
.eventBoutPickName.right {
  margin-left: 8px;
  float: left;
}

/* Birthday Page Styles
------------------------------------------------------------------------ */
.birthdaySearch {
  clear: both;
  margin-top: 20px;
}

.birthdayCake {
  float: right;
  margin-right: 80px;
  margin-bottom: 10px;
}
.birthdayCake img {
  float: right;
  width: 130px;
  height: 130px;
}

ol.birthdayFighters {
  margin-left: 0;
  margin-botom: 20px;
}

.birthdayFighters li {
  width: 756px;
  border-bottom: 1px dotted #666;
  padding: 15px 0;
  float: left;
  clear: left;
  display: block;
  font-size: 14px;
}
.birthdayFighters li img {
  float: left;
  margin-right: 20px;
}
.birthdayFighters li dl {
  float: left;
  width: 300px;
}
.birthdayFighters li dt {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 5px;
}
.birthdayFighters li dd {
  color: #777;
  border: none;
  font-size: 12px;
}
.birthdayFighters li dd.stats {
  text-transform: uppercase;
  padding: 3px 0;
  font-weight: bold;
}

p.birthdayTweet {
  display: inline-block;
  color: #555;
  width: 220px;
  line-height: 1em;
  padding: 0 0 5px !important;
}

p.birthdayAge {
  float: left;
  display: inline-block;
  width: 91px;
  background: #fff;
  border: none;
  font-size: 50px !important;
  color: #a88843;
  letter-spacing: -0.1em;
  text-align: left;
  margin-right: 20px;
}

/* Fighter Page Styles
------------------------------------------------------------------------ */
.fighterUpcomingHeader {
  clear: both;
  width: 756px;
  height: 50px;
  margin-bottom: 20px;
  position: relative;
}

img.flag {
  transition: opacity 0.2s linear;
}
img.flag:hover {
  opacity: 0.5;
}

.fighterImg {
  clear: both;
  padding: 10px 0 20px 0;
}

.fighterPartnerImage {
  display: block;
  width: 756px;
  padding-top: 20px;
}
.fighterPartnerImage a:link, .fighterPartnerImage a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: none;
}
.fighterPartnerImage a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fighterPartnerImage a:link, .fighterPartnerImage a:visited {
  border-bottom: none;
  text-decoration: none;
}
.fighterPartnerImage p {
  padding: 0 0 0 0 !important;
  color: #777;
  font-size: 10px !important;
  text-align: right;
  vertical-align: top;
  display: inline-block;
}
.fighterPartnerImage img {
  display: inline-block;
  transition: opacity 0.2s linear;
}
.fighterPartnerImage img:hover {
  opacity: 0.7;
}

h6#record {
  position: absolute;
  top: 3px;
  right: 0;
  font-size: 16px;
  color: #333;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
.fighterPagePrint i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 18px;
  color: #777;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
}
div#fighterRecord i {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
  font-size: 24px;
  color: #777;
}

div#fighterRecord div#fighterRecordControls {
  margin-top: 20px;
  background-color: #EDEAE1;
  border-radius: 5px;
  padding: 0 10px;
}
div#fighterRecord div#fighterRecordControls header {
  display: flex;
  height: 50px;
  justify-content: space-evenly;
  padding-left: 2px;
}
div#fighterRecord div#fighterRecordControls header section {
  display: flex;
  align-items: center;
}
div#fighterRecord div#fighterRecordControls header section .info {
  color: #333;
  display: flex;
  align-items: center;
}
div#fighterRecord div#fighterRecordControls header section .info i {
  font-size: 24px;
  margin-right: 5px;
}
div#fighterRecord div#fighterRecordControls header section .info span {
  font-size: 11px;
}
div#fighterRecord div#fighterRecordControls header section .buttons {
  display: flex;
  justify-content: center;
}
div#fighterRecord div#fighterRecordControls header section .buttons button {
  margin: 0 5px;
  min-width: 55px;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 0.6em;
  user-select: none;
  -webkit-user-select: none;
  outline: none;
  white-space: nowrap;
  box-shadow: rgba(255, 255, 255, 0.7) 0 1px 0 0 inset;
  box-sizing: border-box;
}
div#fighterRecord div#fighterRecordControls header section .buttons button.min {
  min-width: 65px;
}
div#fighterRecord div#fighterRecordControls header section .buttons button.active {
  background: #89722f;
  color: #eee;
  border: 1px solid #eee;
}
div#fighterRecord div#fighterRecordControls header section .buttons button.active:hover {
  background: #655115;
}
div#fighterRecord div#fighterRecordControls header section .buttons button.filtered {
  background: #eee;
  color: #666;
  border: 1px solid #cac0c0;
}
div#fighterRecord div#fighterRecordControls header section .buttons button.filtered:hover {
  background-color: #ddd;
}

div#fighterRecord section.fighterFightResults header {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 17px 0 20px;
  background-color: #E6E6E6;
  margin: 20px 0 10px 0;
  border-radius: 5px;
}
div#fighterRecord section.fighterFightResults header span.name {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}
div#fighterRecord section.fighterFightResults header .allToggleContainer {
  display: flex;
  align-items: center;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 2px 2px 2px 5px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  color: #777;
}
div#fighterRecord section.fighterFightResults header .allToggleContainer span {
  font-size: 11px;
}
div#fighterRecord section.fighterFightResults header .allToggleContainer i {
  margin-left: 5px;
  font-size: 24px;
}
div#fighterRecord section.fighterFightResults header .allToggleContainer:hover {
  background: #f1f1f1;
}
div#fighterRecord section.fighterFightResults header .allToggleContainer:hover i {
  color: #c1320b;
}
div#fighterRecord section.fighterFightResults ul li {
  margin-bottom: 10px;
  background-color: #F2F2F2;
  position: relative;
}
div#fighterRecord section.fighterFightResults ul li div.result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  border-left: 32px solid;
  border-color: #CCCCCC;
}
div#fighterRecord section.fighterFightResults ul li div.result:before {
  position: absolute;
  font-size: 18px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.6);
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=unknown] {
  border-color: #caaee2;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=unknown]:before {
  left: 10px;
  content: "?";
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=nc] {
  border-color: #CCCCCC;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=nc]:before {
  left: 4px;
  content: "NC";
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=cancelled] {
  height: 30px;
  border-color: #666666;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=cancelled]:before {
  left: 10px;
  content: "C";
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=cancelled] div.opponent {
  font-size: 11px;
  font-weight: normal;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=cancelled] div.summary div.lead {
  font-size: 11px;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=cancelled] div.date {
  font-size: 11px;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=draw] {
  border-color: #CCCCCC;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=draw]:before {
  left: 10px;
  content: "D";
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=win] {
  border-color: rgba(41, 184, 41, 0.9);
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=win]:before {
  left: 8px;
  content: "W";
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=loss] {
  border-color: rgba(193, 50, 12, 0.9);
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=loss]:before {
  left: 11px;
  content: "L";
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result="no contest"]:before {
  left: 4px;
  content: "NC";
  letter-spacing: -1px;
}
div#fighterRecord section.fighterFightResults ul li div.result div.opponent {
  box-sizing: border-box;
  width: calc(33.33% - 10px);
  padding-left: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
}
div#fighterRecord section.fighterFightResults ul li div.result div.opponent a {
  color: #333333;
  line-height: 18px;
  text-decoration: none;
  border-bottom: 1px dotted #333333;
}
div#fighterRecord section.fighterFightResults ul li div.result div.opponent a:hover {
  border-bottom: 1px solid #333333;
}
div#fighterRecord section.fighterFightResults ul li div.result div.opponent div.record {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  padding-right: 50px;
}
div#fighterRecord section.fighterFightResults ul li div.result div.opponent div.record span {
  cursor: zoom-in;
}
div#fighterRecord section.fighterFightResults ul li div.result div.opponent div.record.nonMma {
  color: #a88843;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary {
  flex: 1;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary div.lead {
  font-size: 14px;
  color: #333333;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary div.lead a {
  color: #333333;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary div.notes {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 325px;
  line-height: 16px;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary div.notes a {
  color: #666666;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary div.notes a:hover {
  border-bottom: 1px solid #666666;
}
div#fighterRecord section.fighterFightResults ul li div.result div.summary div.notes:empty {
  margin-top: 0;
}
div#fighterRecord section.fighterFightResults ul li div.result div.date {
  font-size: 14px;
  padding-right: 30px;
}
div#fighterRecord section.fighterFightResults ul li div.result div.more {
  -webkit-user-select: none;
  user-select: none;
  width: 24px;
  height: 24px;
  padding-right: 20px;
}
div#fighterRecord section.fighterFightResults ul li div.details {
  padding: 0 0 20px 0;
  margin-left: 33.33%;
  display: none;
}
div#fighterRecord section.fighterFightResults ul li div.details.display {
  display: block !important;
}
div#fighterRecord section.fighterFightResults ul li div.details.tall {
  min-height: 120px;
}
div#fighterRecord section.fighterFightResults ul li div.details > div {
  height: 34px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #444444;
  font-size: 12px;
  line-height: 14px;
}
div#fighterRecord section.fighterFightResults ul li div.details > div a {
  color: #444444;
}
div#fighterRecord section.fighterFightResults ul li div.details > div a:hover {
  border-bottom: 1px solid #444444;
}
div#fighterRecord section.fighterFightResults ul li div.details > div:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.9);
}
div#fighterRecord section.fighterFightResults ul li div.details > div span.label {
  font-weight: bold;
  margin-right: 8px;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.flagged span.flagged {
  -webkit-user-select: none;
  user-select: none;
  width: 24px;
  height: 24px;
  padding-right: 20px;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.flagged span.flagged i {
  color: #a88843;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.dispute span.dispute {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  background: #333333;
  width: 18px;
  height: 18px;
  color: #EEEEEE;
  text-align: center;
  border-radius: 50%;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.ranking, div#fighterRecord section.fighterFightResults ul li div.details > div.award {
  text-transform: uppercase;
  color: #a88843;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.ranking a, div#fighterRecord section.fighterFightResults ul li div.details > div.award a {
  color: #a88843;
  border-bottom: 1px dotted #a88843;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.ranking a:hover, div#fighterRecord section.fighterFightResults ul li div.details > div.award a:hover {
  border-bottom: 1px solid #a88843;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.ranking:before, div#fighterRecord section.fighterFightResults ul li div.details > div.award:before {
  content: "★";
  margin-right: 8px;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.logo {
  position: absolute;
  left: 60px;
  top: 70px;
  width: 100px;
  height: 100px;
  background-color: white;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  text-align: center;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.logo .promotionLogo {
  text-indent: initial;
  height: 77px;
  width: 77px;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.logo .promotionLogo a {
  border: none;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.logo .promotionLogo a:hover {
  border: none;
}
div#fighterRecord section.fighterFightResults ul li div.details > div.logo .promotionLogo a img.promotionLogo {
  opacity: 1;
}
div#fighterRecord section.fighterFightResults ul li div.details > div span.cancellation-reason {
  margin-left: 4px;
}
div#fighterRecord section.fighterFightResults ul li div.result[data-result=cancelled] + div.details > div {
  font-size: 11px;
  margin-top: 5px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li {
  margin-bottom: 6px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result {
  height: 44px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.opponent {
  font-weight: bold;
  font-size: 12px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.opponent a {
  line-height: 14px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.opponent div.record {
  font-size: 10px;
  margin-top: 6px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.flagged {
  padding-right: 25px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.flagged i {
  color: #a88843;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.summary div.lead {
  font-size: 12px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.summary div.notes {
  font-size: 10px;
  margin-top: 6px;
  line-height: 12px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.summary div.notes:empty {
  margin-top: 0;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.date {
  font-size: 12px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.result div.more {
  width: 24px;
  height: 24px;
}
div#fighterRecord section.fighterFightResults ul[data-display-size=compact] li div.details {
  padding-top: 10px;
}

div#fighterRecord section.fighterFightResults ul li div.pick {
  width: 25%;
  font-size: 12px;
  padding-left: 20px;
}
div#fighterRecord section.fighterFightResults ul li div.pick span.correct, div#fighterRecord section.fighterFightResults ul li div.pick span.wrong, div#fighterRecord section.fighterFightResults ul li div.pick span.draw {
  margin: 0px !important;
}
div#fighterRecord section.fighterFightResults ul li div.pick span.good {
  color: #333;
}
div#fighterRecord section.fighterFightResults ul li div.pick span.bad {
  color: #999;
}
div#fighterRecord section.fighterFightResults ul li div.pick span.cancelled {
  color: #A48C65;
}
div#fighterRecord section.fighterFightResults ul li div.pick span.none {
  color: #d7d0dd;
}
div#fighterRecord section.fighterFightResults ul li div.pickLinks {
  font-size: 24px;
  padding-right: 10px;
}
div#fighterRecord section.fighterFightResults ul li div.pickLinks div.holder {
  width: 24px;
  height: 24px;
  display: inline-block;
}
div#fighterRecord section.fighterFightResults ul li div.pickLinks a:link, div#fighterRecord section.fighterFightResults ul li div.pickLinks a:visited {
  text-decoration: none;
  border: none;
  color: #666;
}
div#fighterRecord section.fighterFightResults ul li div.pickLinks a:hover {
  color: #c1320b;
}

div#fighterRecordMore i {
  color: #777;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  cursor: pointer;
}
div#fighterRecordMore i:hover {
  color: #333;
}

div#fighterRecord div.data-error {
  border-left: 5px solid #c1320b;
  display: flex;
  align-items: center;
  height: 50px;
  background-color: #EEEEEE;
  margin-top: 10px;
  padding: 0 15px;
}
div#fighterRecord div.data-error i {
  color: #333333;
  margin-right: 10px;
}
div#fighterRecord div.data-error span {
  font-size: 12px;
}

ul.radiogroup li {
  display: flex;
  height: 32px;
  align-items: center;
}
ul.radiogroup li div.radiobutton {
  display: inline-block;
  position: relative;
}
ul.radiogroup li div.radiobutton > input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
ul.radiogroup li div.radiobutton > input[type=radio] + i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #333333;
}
ul.radiogroup li div.radiobutton + label {
  margin-left: 5px;
  color: #333333;
  cursor: pointer;
  text-transform: capitalize;
}

div.checkbox {
  display: inline-block;
  position: relative;
}
div.checkbox > input[type=checkbox] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
}
div.checkbox > input[type=checkbox] + i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #333333;
}
div.checkbox + label {
  margin-left: 5px;
}

/* Forum Styles
------------------------------------------------------------------------ */
.postTopicsPreviewContainer {
  border-bottom: 1px dotted #666;
}

.forumTopper {
  clear: both;
  border-bottom: 1px dotted #666;
  padding: 10px 0 20px;
}
.forumTopper h2 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  clear: both;
  padding: 0 0 15px;
}

.postRelatedOption {
  margin: 10px 0;
}

.listBox {
  float: left;
  clear: left;
  width: 368px;
  background: #f2f2f2;
  border-radius: 5px;
  padding: 20px 0;
}
.listBox h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #999;
  padding: 0 0 15px;
  margin-left: 20px;
}

ol.twoColList {
  font-size: 12px;
  float: left;
  width: 154px;
}

.twoColList li {
  padding: 3px 0;
  margin-left: 20px;
}

.rankingsYours {
  float: left;
  margin-left: 20px;
  width: 368px;
  display: inline;
}
.rankingsYours h4 {
  font-size: 14px;
  color: #999;
  line-height: 28px;
  width: 368px;
}
.rankingsYours h4 button {
  float: right;
}

button.buildRankings {
  width: 174px;
  height: 28px;
  display: inline-block;
  text-indent: -5000px;
  border: none;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -405px -88px;
}
button.buildRankings:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -405px -116px;
  cursor: pointer;
}

.rankingsYours ol {
  font-size: 12px;
  display: block;
  margin-top: 10px;
}
.rankingsYours li {
  padding: 3px 0;
}

p.emptyMessage {
  color: #666;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
}

p.forumLinks {
  font-size: 12px;
  color: #999;
  margin: 10px 0;
  padding: 10px 0 !important;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  min-height: 16px;
}
p.forumLinks span.left {
  float: left;
}
p.forumLinks span.right {
  float: right;
  text-align: right;
}

.postPreview {
  clear: both;
  width: 746px;
  padding: 5px 5px 4px;
  background: #fff;
  position: relative;
  border-top: 1px dotted #666;
  transition: background 0.2s linear;
}
.postPreview a.text {
  display: inline-block;
  overflow: hidden;
  max-width: 500px;
  max-height: 1em;
}
.postPreview a {
  max-height: 1em;
}
.postPreview.sticky {
  background: #f5f3ee;
}
.postPreview:hover {
  background: #f2f2f2;
}

.postThreadPreviewIcon {
  float: left;
  width: 50px;
  text-align: center;
  display: inline;
}
.postThreadPreviewIcon img {
  width: 50px;
  height: 50px;
}

.forumTopicsPreview {
  margin-top: 20px;
  padding-bottom: 20px;
  display: block;
  text-align: left;
}
.forumTopicsPreview.border {
  border-bottom: 1px dotted #666;
}
.forumTopicsPreview a:link, .forumTopicsPreview a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: none;
}
.forumTopicsPreview a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.forumTopicsPreview li {
  color: #666;
  display: inline-block;
  width: 360px;
  padding-left: 10px;
  line-height: 20px;
  font-size: 15px;
}
.forumTopicsPreview li.event {
  margin: 3px 0;
}
.forumTopicsPreview li.open {
  margin: 8px 0;
}
.forumTopicsPreview li span {
  font-size: 11px;
}

.topicStats {
  float: right;
  width: 70px;
  text-align: center;
  display: inline;
  cursor: default;
}
.topicStats dl {
  clear: both;
  text-align: center;
}
.topicStats dt {
  font-size: 18px;
  color: #a88843;
  font-weight: bold;
  margin: 8px 0 0;
  text-transform: uppercase;
}
.topicStats dt.subscribed {
  color: #26466d;
}
.topicStats dd {
  color: #7f7f7f;
  font-variant: small-caps;
  padding: 5px 0 0;
  font-size: 11px;
}

.postThreadSticky,
.postThreadUnread {
  float: right;
  width: 15px;
  text-align: center;
  display: inline;
}
.postThreadSticky i a,
.postThreadUnread i a {
  text-decoration: none;
  color: #866d36;
}
.postThreadSticky i a.subscribed,
.postThreadUnread i a.subscribed {
  color: #26466d;
}

.postThreadSticky {
  padding-top: 16px;
}
.postThreadSticky i {
  font-size: 18px;
}

.postThreadUnread {
  padding-top: 20px;
}
.postThreadUnread i {
  font-size: 11px;
}

.postPreview:hover .previewContent dt a:link, .postPreview:hover .previewContent dt a:visited {
  color: #c1320b;
}

.previewContent dl {
  width: 580px;
  margin-left: 20px;
  display: inline;
  padding-top: 1px;
  float: left;
}
.previewContent dt {
  margin: 10px 0 8px 0;
  text-transform: uppercase;
  font-size: 12px;
}
.previewContent dt a:link, .previewContent dt a:visited {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  border: none;
}
.previewContent dt a:hover {
  color: #000 !important;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.previewContent dd {
  margin-bottom: 6px !important;
  padding-bottom: 1px;
  font-size: 11px;
}
.previewContent dd a:link, .previewContent dd a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: none;
}
.previewContent dd a:hover {
  color: #666;
  text-decoration: none;
  border-bottom: 1px solid #666 !important;
}

p.more {
  text-align: right;
  color: #999;
  margin-top: 10px !important;
  padding: 15px 0 !important;
  border-top: 1px dotted #666;
}

.pagePost {
  clear: both;
  margin-top: 20px;
  padding: 20px;
  background: #f2f2f2;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.pagePost.short {
  padding: 15px;
}
.pagePost.noRadius {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-bottom: 10px;
}

.short.pagePost {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333;
}
.short.pagePost p.text {
  font-size: 13px !important;
  padding-top: 8px !important;
}
.short.pagePost dl.slideableAvatar {
  width: 48px;
  padding: 5px 8px;
  margin-bottom: 5px;
}
.short.pagePost .slideableAvatarInfo {
  top: 0px;
}
.short.pagePost .postFoot {
  padding-top: 3px;
}
.short.pagePost .postFoot p.postSig {
  font-size: 13px !important;
}

.pagePostRestrictionBanner {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 8px 20px;
  color: #666;
  background: #e2e2e2;
  font-size: 11px;
}

.pagePostModerationActivity {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 8px 20px;
  color: #666;
  font-size: 11px;
}
.pagePostModerationActivity.noRadius {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.pagePostModerationActivity.invisible {
  background: #d7e8fa;
}
.pagePostModerationActivity.public {
  background: #ead6d6;
}
.pagePostModerationActivity.private {
  background: #f1edb9;
}

.addl {
  width: 532px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
}
.addl ol {
  float: left;
  width: 240px;
}
.addl ol a:link, .addl ol a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.addl ol a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.addl p {
  padding: 0 !important;
}

.prediction {
  background: #e1e1e1;
}
.prediction span.label {
  font-weight: bold;
  color: #666 !important;
}

.quote {
  background: white url(../png/quote_bg-b0be13a36883cee226358275cff47c1038c22d2a5cb3b87942151db1cd99b53d.png) no-repeat 0 0;
  padding-top: 20px;
  font-style: italic;
}
.quote span {
  color: #000;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  font-style: normal;
}

.rankings {
  background: #e1e1e1;
  height: 90px;
  overflow: hidden;
}
.rankings span {
  width: 532px;
  color: #666;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  font-style: normal;
  text-transform: uppercase;
}
.rankings span a {
  margin-left: 60px;
}
.rankings ol {
  line-height: 1.2em;
  font-size: 12px;
}
.rankings li {
  width: 266px;
  padding: 4px 0 0;
}

.slideableAvatar {
  position: relative;
}

dl.slideableAvatar {
  float: right;
  padding: 10px;
  margin-left: 4px;
  width: 124px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  z-index: 500;
  overflow: visible;
}
dl.slideableAvatar.alt {
  margin-bottom: 0px;
}

.slideableAvatar dt {
  margin-bottom: 5px;
}
.slideableAvatar dt.short {
  margin: 3px 0 3px 0;
}

dd.postRank {
  width: 124px;
  height: 10px;
  display: block;
}
dd.regMar {
  margin-top: 8px;
}
dd.lowMar {
  margin-top: 5px;
}
dd.posterName {
  text-align: center;
  word-wrap: break-word;
  font-size: 12px;
  font-weight: bold;
}
dd.posterName.admin a:link, dd.posterName.admin a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
dd.posterName.admin a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
dd.posterName.moderator a:link, dd.posterName.moderator a:visited {
  color: #004F00;
  text-decoration: none;
  border-bottom: 1px dotted #004F00;
}
dd.posterName.moderator a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
dd.posterName.editor a:link, dd.posterName.editor a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
dd.posterName.editor a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
dd.posterName.restricted a:link, dd.posterName.restricted a:visited {
  color: #999;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
dd.posterName.restricted a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
dd.posterName.previous a:link, dd.posterName.previous a:visited {
  color: #E67E22;
  text-decoration: none;
  border-bottom: 1px dotted #E67E22;
}
dd.posterName.previous a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
dd.posterName.profighter a:link, dd.posterName.profighter a:visited {
  color: #4069BF;
  text-decoration: none;
  border-bottom: 1px dotted #4069BF;
}
dd.posterName.profighter a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.postRollingTier {
  margin-top: 10px;
  display: flex;
  align-items: center;
  background: #f9f9f9;
  border-radius: 5px;
}
.postRollingTier .postRollingIcon {
  flex: 21;
  display: flex;
  justify-content: center;
}
.postRollingTier .postRollingIcon img {
  opacity: 0.8;
  width: 20px;
  height: 20px;
}
.postRollingTier .postRollingPoints, .postRollingTier .postRollingRank {
  flex: 29;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
}
.postRollingTier .postRollingPoints header, .postRollingTier .postRollingRank header {
  font-size: 9px;
  color: #b7a47b;
}
.postRollingTier .postRollingPoints span, .postRollingTier .postRollingRank span {
  font-size: 11px;
  margin-top: 2px;
  color: #888;
}
.postRollingTier .postRollingPoints span a:link, .postRollingTier .postRollingPoints span a:visited, .postRollingTier .postRollingRank span a:link, .postRollingTier .postRollingRank span a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}
.postRollingTier .postRollingPoints span a:hover, .postRollingTier .postRollingRank span a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.postRollingTier .postRollingLeague {
  flex: 21;
  display: flex;
  justify-content: center;
}
.postRollingTier .postRollingLeague img {
  padding: 1px;
  opacity: 0.8;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
}

.postHeader {
  width: 552px;
  margin-bottom: 20px;
}
.postHeader.title {
  margin-bottom: 3px;
}
.postHeader p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px;
}
.postHeader p span.time {
  color: #666;
}
.postHeader span.report,
.postHeader span.reported {
  float: right;
  font-size: 12px !important;
  color: #999;
  text-align: right !important;
  padding: 0 !important;
}
.postHeader span.report .censor,
.postHeader span.reported .censor {
  color: #000;
  font-weight: bold;
}
.postHeader span.report a:link, .postHeader span.report a:visited {
  color: #999;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.postHeader span.report a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.postHeader span.reported a:link, .postHeader span.reported a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: none;
}
.postHeader span.reported a:hover {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px solid #f2f2f2 !important;
}
.postHeader h2 {
  margin: 0 !important;
  padding: 8px 0 0;
  font-size: 18px;
  font-weight: bold;
}
.postHeader h2 a:link, .postHeader h2 a:visited {
  color: #000;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.postHeader h2 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.postHeader.short {
  width: 622px;
}

.votes {
  float: left;
  width: 52px;
  height: 44px;
  margin-right: 20px;
}

.indexThumb {
  display: block;
  width: 52px;
  height: 22px;
  clear: both;
  border: 0;
  cursor: default;
  margin-left: 10px;
  font-size: 11px;
  line-height: 22px;
}
.indexThumb.up {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -22px;
}
.indexThumb.down {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -112px -22px;
}

button.voteUp, button.voteDown {
  display: block;
  width: 52px;
  height: 22px;
  clear: both;
  border: 0;
  text-align: right;
  padding-right: 5px;
  font-size: 11px;
  line-height: 22px;
}
button.voteUp.voteUp, button.voteDown.voteUp {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px 0;
}
button.voteUp.voteUp:hover, button.voteDown.voteUp:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -22px;
  cursor: pointer;
}
button.voteUp.voteDown, button.voteDown.voteDown {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -112px 0;
  color: #c1320b;
}
button.voteUp.voteDown:hover, button.voteDown.voteDown:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -112px -22px;
  cursor: pointer;
}

.postPreview:hover dl.thumbcount {
  background: #f2f2f2;
}

.postFoot {
  clear: both;
  float: right;
  width: 716px;
  border-top: 1px dotted #666;
  margin-top: 10px;
  padding: 10px 0 0;
}
.postFoot p.tattle {
  float: right;
  font-size: 12px !important;
  color: #999;
  text-align: right !important;
  padding: 0 !important;
}
.postFoot p.tattle a:link, .postFoot p.tattle a:visited {
  color: #999;
}
.postFoot p.tattle a:hover {
  color: #000;
}
.postFoot p.postSig {
  font-size: 14px !important;
  padding: 0 !important;
  font-style: italic;
  color: #666;
}

.postWhite {
  background: #cccccc url(../jpg/postrank_white-95f3908c43a620a1c0b15f2210a5bd106d756fc1eac19a28ff4127b4dad1c2e1.jpg) no-repeat;
}

.postOrange {
  background: #cc6d2f url(../jpg/postrank_orange-9d9e8344162846a4dd4199ade22bb518b3a07df011f3c4ffdb86f6c93dd32f99.jpg) no-repeat;
}

.postBlue {
  background: #4069bf url(../jpg/postrank_blue-13d78784c0253bc84ef19a37bdaa61736fe253fe0b9694f5889454575911138f.jpg) no-repeat;
}

.postPurple {
  background: #462864 url(../jpg/postrank_purple-21e51ad6a6e956131b51396f89f5e5ce03f22e96f0720c8d937bda6e7f5e2d07.jpg) no-repeat;
}

.postBrown {
  background: #6f4e0b url(../jpg/postrank_brown-1243753c0d7ded0c5c24aeee3abc1d65b41b8e3f614c1f5eb5aae6a40c4015e0.jpg) no-repeat;
}

.postBlack {
  background: black url(../jpg/postrank_black-cc6d7849b9c3afa4f8505d28a9cc31c842c9a85658b3ef06ae5a17b0151d6164.jpg) no-repeat;
}

.postCoral {
  background: black url(../jpg/postrank_coral-321f73526626a99211e5bcd5139302d51a29b6365f953559b2e5051c9aadf6ff.jpg) no-repeat;
}

.postRed {
  background: #c1320b url(../jpg/postrank_red-8ce5e6cbc8c1d21e0c9b27af74977e7660d38420917e60f80e6da6b688f73ac3.jpg) no-repeat;
}

.postSpider {
  background: black url(../png/postrank_spider-5fb88ea486ad6879f82971ca5212806d7e22e7aa6b48270236f07ec940dbd209.png) no-repeat;
}

.postCamo {
  background: black url(../png/postrank_camo-00c69371fcad1b558b475607b2019ee33d2623bcd5cdb6e6df2f94635fd4acbd.png) no-repeat;
}

.postIceman {
  background: black url(../png/postrank_iceman-a126d17e0af6a5a293b746f464760ed55f1f6fe93ea10341882bf6d117a881fd.png) no-repeat;
}

.postPacman {
  background: black url(../png/postrank_pacman-e7151d8ba1f9212aa43e8276a100e8d07e87ecc61373549caa95ec535ad1dc25.png) no-repeat;
}

.postFedor {
  background: black url(../png/postrank_fedor-2a30529bd0fed7138d640fc979264b9f8b521200ce9ef5f3d60c9611f844ef27.png) no-repeat;
}

.postBacon {
  background: black url(../png/postrank_bacon-4d7101e983f63d35fe9f11e59eed1e84c9d2b4af3b738f4ef199d6bde8c6c18a.png) no-repeat;
}

.postMoney {
  background: black url(../png/postrank_money-f1f961eeb74e9f8ec598c76647cc303b1f3301b0dac68e7526c5834215db1466.png) no-repeat;
}

.postCookie {
  background: black url(../png/postrank_cookie-1b0a8cd34800f0914d82c2ec8a8c52bdb293aae6fd34ca3610a07ea21009df5a.png) no-repeat;
}

.postBrasil {
  background: black url(../png/postrank_brasil-2506216b9b3e4a9c6f920d317ca8904180136ce92aea02e2c9ab0dbc222fef65.png) no-repeat;
}

.postJapan {
  background: black url(../png/postrank_japan-0c641d9c7eb13bffda9560c396b7f894ad766b51c7db6b6ae08266532b0c589e.png) no-repeat;
}

.postQuebecois {
  background: black url(../png/postrank_quebecois-dcefe675f4af75444b7445d9add8c1fadcecc0cf8f9cf2a155bd857cf94b05e6.png) no-repeat;
}

.postMexico {
  background: black url(../png/postrank_mexico-17d5575090b063750c84b03bed254dd5616d4396e36c257fdb98ec43973a4490.png) no-repeat;
}

.postSilver {
  background: black url(../png/postrank_silver-d492bacde6c36130d152829906c219c91b943d6122a0983bd69e7e38e27c463f.png) no-repeat;
}

.postTapology {
  background: black url(../png/postrank_tapology-085db55baddc0ffb5176160c85af2619472d06ccdabb61003b0a8a2faf065f64.png) no-repeat;
}

.postTeal {
  background: black url(../png/postrank_teal-00e629de9b5598bd2d39494bcb5d08b71d93578d8b1ae9f814bfd47de1ac0723.png) no-repeat;
}

.postCrimson {
  background: black url(../png/postrank_crimson-ac82aa360a2d278925ca62f32c642d0262936c7cf0a75140320688d47c148734.png) no-repeat;
}

.postOne {
  background-position: -7px 0;
}

.postTwo {
  background-position: -13px 0;
}

.postThree {
  background-position: -19px 0;
}

.postFour {
  background-position: -25px 0;
}

.postFive {
  background-position: -31px 0;
}

.postSix {
  background-position: -37px 0;
}

.postSeven {
  background-position: -43px 0;
}

.postEight {
  background-position: -49px 0;
}

.postOneAlt {
  background-position: -6px 0;
}

.postTwoAlt {
  background-position: -12px 0;
}

.postThreeAlt {
  background-position: -18px 0;
}

.postFourAlt {
  background-position: -24px 0;
}

.slideableAvatarInfo {
  width: 0px;
  position: absolute;
  top: 10px;
  left: -10px;
  text-align: right;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #333;
  overflow: hidden;
}

.slideableAvatar:hover .slideableAvatarInfo {
  width: 0;
  padding: 10px;
  overflow: hidden;
  left: -10px;
}

.slideableAvatarInfo ul {
  font-size: 12px;
  color: #fff;
  text-align: right !important;
  width: 188px;
  display: block;
}
.slideableAvatarInfo li {
  padding: 0 0 12px;
  text-align: right;
}
.slideableAvatarInfo li a:link, .slideableAvatarInfo li a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.slideableAvatarInfo li a:hover {
  color: #666;
  text-decoration: none;
  border-bottom: 1px solid #666 !important;
}
.slideableAvatarInfo li span {
  color: #999;
}
.slideableAvatarInfo li:last-of-type {
  padding: 0px;
}
.slideableAvatarInfo button.follow {
  width: 60px;
  height: 22px;
  display: block;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 0;
  text-indent: -5000px;
  border: none;
  margin-left: 128px;
}
.slideableAvatarInfo button.follow:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -22px;
  cursor: pointer;
}

.newComment {
  margin-top: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background: #f2f2f2;
  border-radius: 5px;
}
.newComment textarea {
  display: block;
  padding: 5px;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
  background: #fff;
}

#forumBase {
  clear: both;
  margin-top: 30px;
  border-top: 5px solid #ccc;
  padding: 20px 0;
}

.postComment {
  float: left;
  width: 716px;
  margin-top: 5px;
  padding: 20px;
  background: #f2f2f2 !important;
  border-radius: 5px;
  display: inline;
}
.postComment h2 {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.postComment .submit input.submit {
  margin: 0;
}

form#post {
  text-align: left;
}

.wysiwyg {
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  background: #e1e1e1;
}

.newPostRelated {
  margin-top: 50px;
  font-size: 10px;
  color: #666;
  text-align: left;
}

#post label {
  font-size: 14px;
  color: #666;
  font-weight: bold;
}
#post input[type=text] {
  width: 706px;
  font-size: 14px;
  padding: 3px 2px;
  background: #fff;
  border: 1px solid #e1e1e1;
  font-family: Arial, Helvetica, sans-serif;
}
#post textarea {
  padding: 5px;
  width: 704px;
  border: 1px solid #e1e1e1;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

button#submitPost {
  margin: 15px auto 0;
  width: 174px;
  height: 28px;
  display: block;
  border: none;
  text-indent: -5000px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -405px -32px;
}
button#submitPost:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -405px -60px;
  cursor: pointer;
}

.hyperlinkInfo {
  float: left;
  width: 360px;
  margin-left: 20px;
  display: inline;
  padding: 20px;
  background: #f2f2f2;
  border-radius: 5px;
}
.hyperlinkInfo h4 {
  font-size: 18px;
  font-weight: bold;
  color: #999;
  padding: 0 0 5px;
}
.hyperlinkInfo p {
  font-size: 14px;
  color: #000;
  padding: 15px 0 0;
  line-height: 1.4em;
}

.rte-toolbar a.disable {
  float: right;
}

.rte-toolbar {
  height: 20px;
  overflow: hidden;
  background: #e1e1e1;
  padding: 10px 10px;
  width: 692px;
}
.rte-toolbar .quote {
  display: none;
  background: none;
}
.rte-toolbar select {
  display: none;
}

.post_textarea {
  border: 1px solid #E1E1E1;
  width: 710px;
  background: white;
}

p.postEdited {
  color: #7f7f7f;
  padding: 10px 0 0 !important;
  font-style: italic;
}

.postText {
  font-size: 13px;
  line-height: 1.4em;
  text-align: left;
  padding-top: 10px;
}
.postText a:link, .postText a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.postText a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.postText img {
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 716px;
  text-align: center;
}
.postText object, .postText embed, .postText iframe {
  padding-top: 15px;
  padding-bottom: 15px;
  height: 315px !important;
  width: 560px !important;
}
.postText figure {
  display: inline-block;
  margin: 0;
}
.postText span.user-mention a {
  padding: 2px 0;
  border-radius: 3px;
  border-bottom: none !important;
}
.postText span.user-mention a:link, .postText span.user-mention a:visited {
  color: #866d36;
}
.postText span.user-mention a:hover {
  background: #edeae1;
}

.postText.postTextEditing {
  word-wrap: break-word;
  width: 98%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.postText.postTextEditing img {
  width: 120px !important;
  padding: 0px !important;
  display: inline-block;
  border: 1px solid #ccc;
}
.postText.postTextEditing iframe {
  height: 131px !important;
  width: 200px !important;
}

.postThreadPostsPreview h4 {
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #f2f2f2;
  color: #333;
  font-size: 12px;
  line-height: 32px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.postThreadPostsPreview h4 a:link, .postThreadPostsPreview h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.postThreadPostsPreview h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.postThreadFirstPostPreview {
  border-bottom: 1px dotted #666;
  margin-top: 20px;
}

.postThreadShowHeading {
  margin-bottom: 10px;
  display: block;
  height: 55px;
}

.postThreadShowTitles {
  display: block;
  width: 670px;
  float: left;
}
.postThreadShowTitles h4 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #7f7f7f;
}
.postThreadShowTitles h1 {
  font-size: 26px;
  font-weight: bold;
  color: #333;
  text-align: left;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 670px;
}

.postThreadSubscribeContainer {
  width: 50px;
  height: 55px;
  float: right;
  display: block;
}
.postThreadSubscribeContainer h4 {
  color: #aaa;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 9px;
}

.postThreadSubscribe {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.postThreadSubscribe input {
  display: none;
}

.userPostThreadSlider {
  border-radius: 24px;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.userPostThreadSlider:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .userPostThreadSlider {
  background-color: #26466d;
}

input:focus + .userPostThreadSlider {
  box-shadow: 0 0 1px #26466d;
}

input:checked + .userPostThreadSlider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.forumTopicActivities {
  margin: 20px 0;
  background: #f2f2f2;
  border-radius: 5px;
  width: 716px;
  padding: 10px 20px;
}

.forumTopicActivity {
  padding: 10px 0;
  height: 70px;
}

.forumTopicActivityImageContainer {
  border-radius: 5px;
  float: left;
  height: 70px;
  width: 70px;
}
.forumTopicActivityImageContainer.left {
  margin-right: 20px;
}
.forumTopicActivityImageContainer.right {
  margin-left: 20px;
}
.forumTopicActivityImageContainer img {
  height: 60px;
  width: 60px;
  border: 5px solid #fff;
}

.forumTopicActivityContents {
  float: left;
  width: 526px;
  height: 60px;
  border: 5px solid #fff;
  background: #f2f2f2;
}
.forumTopicActivityContents.live {
  height: 30px;
}
.forumTopicActivityContents h4 {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  color: #a88843;
  font-weight: bold;
  padding-top: 6px;
}
.forumTopicActivityContents h6 {
  text-align: center;
  font-size: 12px;
  color: #333;
  padding-top: 10px;
  font-weight: normal;
}

.forumTopicActivityTimestamp {
  padding-top: 5px;
  font-size: 12px;
  color: #a9a6a6;
}
.forumTopicActivityTimestamp span.left {
  padding-left: 5px;
  float: left;
}
.forumTopicActivityTimestamp span.right {
  padding-right: 5px;
  float: right;
}

ul.feedCats {
  clear: both;
  margin-top: 20px;
  margin-bottom: 10px;
  height: 37px;
  display: block;
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat 0 -256px;
}
ul.feedCats li {
  float: left;
  display: inline;
  margin-left: 20px;
  line-height: 32px;
  font-weight: bold;
  font-size: 12px;
}
ul.feedCats li.label {
  color: #7f7f7f;
}
ul.feedCats li.second {
  padding-left: 30px;
}
ul.feedCats li a:link, ul.feedCats li a:visited {
  height: 32px;
  display: block;
  color: #999;
  text-decoration: none;
  border: none;
}
ul.feedCats li a:hover {
  color: #000;
  text-decoration: none;
  border: none;
}
ul.feedCats li a.active {
  color: #000;
  background: url(../png/tab_selected-4caea8678911c5cb3169b97ec2bb96d3ec03914ad531d1ffe6744dc63a0f1d3c.png) no-repeat center bottom;
}

@media (min-width: 961px) {
  ul.feedCats {
    width: 756px;
  }
}
@media (max-width: 960px) {
  ul.feedCats {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.matchup {
  clear: both;
  width: 756px;
  height: 281px;
}
.matchup dl {
  width: 756px;
  margin-top: 15px;
}
.matchup dt {
  text-align: center;
  font-size: 18px;
  color: #c1320b;
  padding: 125px 0 0;
  background: url(../jpg/prediction_upcoming_bg-b1cb01e6bcdd52e2cb61e75aea9c6761307c75983b78c1b263034aa120e990db.jpg) no-repeat 0 0;
  width: 223px;
  height: 281px;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
}
.matchup dt p.results {
  font-size: 16px !important;
  color: #333 !important;
  margin-top: 10px !important;
  line-height: 1.3em !important;
}
.matchup dt p.locksNone {
  color: #666;
  margin-top: 95px !important;
}
.matchup dt p.locksMade {
  color: #666;
  margin-top: 37px !important;
}
.matchup dt p.viewShare {
  height: 22px;
  width: 120px;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -505px -362px;
}
.matchup dt p.viewShare:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -505px -384px;
}
.matchup dt a:link, .matchup dt a:visited {
  border: none;
}
.matchup.past dt {
  padding-top: 100px !important;
}
.matchup dd.fighter1 {
  float: left;
  padding: 10px 5px 0 0;
}
.matchup dd.fighter2 {
  float: right;
  padding: 10px 0 0 5px;
}
.matchup img {
  border-radius: 5px;
}

.gameSectionTextHeading.marTop {
  margin-top: 20px;
}
.gameSectionTextHeading.marTopBig {
  margin-top: 40px;
}
.gameSectionTextHeading h4 {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #666;
}

.gameSectionGoldHeading {
  color: #a88843;
  font-size: 16px;
  margin-top: 20px;
  padding: 10px 0;
  font-weight: bold;
  width: 756px;
  background: #edeae1;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.gameSectionGoldHeading a:link, .gameSectionGoldHeading a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
.gameSectionGoldHeading a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.gameSectionGoldHeading.roundBottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.gameSectionGoldHeading.subHeading {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-top: 0px;
  padding-top: 0;
  font-weight: normal;
  font-size: 12px;
}
.gameSectionGoldHeading.marBottom {
  margin-bottom: 20px;
}
.gameSectionGoldHeading.marTopBig {
  margin-top: 40px;
}

.gameMatchupEventStatsContainer {
  margin-top: 40px;
  border-top: 1px solid #999;
}

.gameSectionHeading {
  width: 756px;
  margin: 10px 0 5px 0;
  font-size: 12px;
  height: 18px;
  text-transform: uppercase;
  color: #7f7f7f;
  font-weight: bold;
}
.gameSectionHeading a:link, .gameSectionHeading a:visited {
  color: #7f7f7f;
  text-decoration: none;
  border-bottom: none;
}
.gameSectionHeading a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.gameInviteCodeContainer {
  height: 20px;
  display: block;
  width: 716px;
  padding: 20px;
  border-radius: 5px;
  background: #555;
}

.gameInviteCodeLabel {
  font-size: 12px;
  padding-top: 4px;
  color: #eee;
  float: left;
  width: 60px;
}

.gameInviteCodeText {
  width: 620px;
  font-size: 12px;
  float: right;
  text-align: left;
  padding: 4px 10px;
  display: inline-block;
  background: #eee;
  color: #333;
}

.gameInviteFormContainer {
  padding: 20px;
  background: #555;
  border-radius: 5px;
}

.gameSectionHeadingLabel {
  float: left;
}

.gameSectionHeadingId {
  float: right;
}

.gameFormSection {
  background: #e6e6e6;
  padding: 10px 20px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.gameFormSection.marTop {
  margin-top: 20px;
}
.gameFormSection.marBottom {
  margin-bottom: 20px;
}
.gameFormSection span {
  font-size: 12px;
}
.gameFormSection span a:link, .gameFormSection span a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.gameFormSection span a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.gameFormSecondaryOptions {
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 5px;
}

form.gameChallenge {
  width: 676px;
  padding: 20px;
  border-radius: 5px;
  background: #eee;
}
form.gameChallenge.marTop {
  margin-top: 20px;
}
form.gameChallenge textarea {
  width: 636px;
  padding: 10px;
  height: 45px;
  font-size: 14px;
  color: #333;
  background: #fff;
}
form.gameChallenge label {
  display: inline-block;
  width: inherit;
  padding-bottom: 10px;
  color: #866d36;
  font-size: 15px;
  margin-top: 10px;
}
form.gameChallenge label.marTop {
  margin-top: 30px;
}
form.gameChallenge select {
  min-width: 60px;
  font-size: 16px;
  padding: 10px;
}
form.gameChallenge select.marLeft {
  margin-left: 10px;
}
form.gameChallenge select:focus {
  background: #ffdfd7;
}
form.gameChallenge input[type=submit] {
  margin: 30px 278px 0;
  display: inline-block;
  width: 118px;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #034003;
  background: #fff;
  color: #034003 !important;
  text-decoration: none;
  border-radius: 5px;
}
form.gameChallenge input[type=submit]:hover {
  background: #f2ffda;
  color: #034003 !important;
  cursor: pointer;
}
form.gameChallenge input[type=submit]:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

form.gameEvents button, form.gamePrizes button {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 15px;
  margin: 20px auto;
  display: block;
  color: #333;
  text-decoration: none;
  height: inherit;
  background: #fff;
  border: 1px solid #666;
}
form.gameEvents button:hover, form.gamePrizes button:hover {
  background: #fffbfb;
  border: 1px solid #c1320b;
  color: #c1320b;
}
form.gameEvents button:active, form.gamePrizes button:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

form.gamePrizes input[type=number] {
  width: 60px;
  color: #866d36;
  font-weight: bold;
  padding: 5px;
  margin-top: 3px;
  font-size: 16px;
}
form.gamePrizes input[type=number]:focus {
  background: #edeae1;
}

.gameMatchupContainer {
  margin-bottom: 40px;
  border-bottom: 1px dotted #999;
}

.gameMatchupHeader {
  display: inline-block;
  margin: 10px 0;
  width: 756px;
}

.gameMatchupHeaderTeam {
  display: inline-block;
  border-radius: 5px;
  float: left;
  width: 217px;
  font-size: 12px;
  height: 77px;
  margin: 0 5px;
  padding: 0 10px;
}
.gameMatchupHeaderTeam.left {
  text-align: right;
}
.gameMatchupHeaderTeam.right {
  text-align: left;
}
.gameMatchupHeaderTeam.win {
  background: #d1f7d2;
}
.gameMatchupHeaderTeam.loss {
  background: #efd7d7;
}
.gameMatchupHeaderTeam.draw {
  background: #deecfc;
}
.gameMatchupHeaderTeam.nc {
  background: #ededed;
}

.gameMatchupHeaderName, .gameMatchupHeaderPoints {
  display: inline-block;
  width: 203px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
}
.gameMatchupHeaderName a:link, .gameMatchupHeaderName a:visited, .gameMatchupHeaderPoints a:link, .gameMatchupHeaderPoints a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.gameMatchupHeaderName a:hover, .gameMatchupHeaderPoints a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.gameMatchupHeaderPoints {
  font-weight: bold;
}
.gameMatchupHeaderPoints span.resultIcon img {
  width: 12px;
  height: 12px;
}

.gameMatchupHeaderRecord {
  display: inline-block;
  width: 203px;
  font-size: 11px;
  color: #444;
  height: 26px;
  line-height: 26px;
}

.gameMatchupHeaderImage {
  float: left;
  display: inline-block;
}
.gameMatchupHeaderImage img {
  border-radius: 5px;
  width: 77px;
  height: 77px;
}

.gameMatchupHeaderCenter {
  display: inline-block;
  float: left;
  border-radius: 5px;
  background: #edeae1;
  color: #f9f9f9;
  font-size: 70px;
  font-weight: bold;
  height: 77px;
  width: 108px;
}
.gameMatchupHeaderCenter td {
  vertical-align: middle;
  width: 108px;
}

table.gameMatchupsBody {
  width: 756px;
  padding: 0;
  margin-top: 5px;
  text-align: left;
}
table.gameMatchupsBody tr {
  background: #f5f5f5;
}
table.gameMatchupsBody tr:nth-child(2n) {
  background: #e5e5e5;
}
table.gameMatchupsBody td {
  padding: 0;
  line-height: 30px;
  vertical-align: middle;
  color: #333;
  font-size: 12px;
}
table.gameMatchupsBody td.right {
  text-align: right;
}
table.gameMatchupsBody td.center {
  text-align: center;
}
table.gameMatchupsBody td.cleanLink a:link, table.gameMatchupsBody td.cleanLink a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
table.gameMatchupsBody td.cleanLink a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
table.gameMatchupsBody td.lastLeft {
  border-bottom-left-radius: 7px;
}
table.gameMatchupsBody td.lastRight {
  border-bottom-right-radius: 7px;
}
table.gameMatchupsBody td.rank {
  color: #a88843;
  font-weight: bold;
  font-size: 11px;
}
table.gameMatchupsBody td.subHeader {
  line-height: 20px;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  color: #777;
}

.gameMatchupResultIcon img {
  vertical-align: middle;
  width: 15px;
  height: 15px;
}

.gameEventHeaderContainer a {
  text-decoration: none;
}

table.gameEventHeader {
  width: 756px;
  margin-top: 25px;
}
table.gameEventHeader.lowMargin {
  margin-top: 10px;
}
table.gameEventHeader th {
  padding: 0 15px;
  background: #333;
  line-height: 28px;
  color: #f2f2f2;
  font-size: 12px;
}
table.gameEventHeader th.order {
  font-size: 9px;
  color: #e5e5e5;
  background: #555;
}
table.gameEventHeader th.left {
  text-align: left;
}
table.gameEventHeader th.right {
  text-align: right;
}
table.gameEventHeader th.roundTopLeft {
  border-top-left-radius: 5px;
}
table.gameEventHeader th.roundTopRight {
  border-top-right-radius: 5px;
}
table.gameEventHeader tr:hover th {
  background: #c1320b;
}

table.gameMatchupDetail {
  width: 756px;
  text-align: center;
  font-size: 12px;
  color: #333;
  margin-bottom: 10px;
}
table.gameMatchupDetail tr:nth-child(2n) {
  background: #f2f2f2;
}
table.gameMatchupDetail td {
  line-height: 35px;
}
table.gameMatchupDetail td.left {
  text-align: left;
}
table.gameMatchupDetail td.right {
  text-align: right;
}
table.gameMatchupDetail td.lastLeft {
  border-bottom-left-radius: 7px;
}
table.gameMatchupDetail td.lastRight {
  border-bottom-right-radius: 7px;
}
table.gameMatchupDetail td.boutName {
  font-size: 11px;
  color: #aaa;
  text-transform: uppercase;
  font-weight: bold;
}
table.gameMatchupDetail span.incorrectText {
  color: #999;
  text-decoration: line-through;
}
table.gameMatchupDetail span.correctIcon, table.gameMatchupDetail span.incorrectIcon, table.gameMatchupDetail span.drawIcon, table.gameMatchupDetail span.noIcon {
  margin-left: 5px;
  height: 10px;
  width: 15px;
  text-indent: -5000px;
  overflow: hidden;
  display: inline-block;
}
table.gameMatchupDetail span.correctIcon.narrower, table.gameMatchupDetail span.incorrectIcon.narrower, table.gameMatchupDetail span.drawIcon.narrower, table.gameMatchupDetail span.noIcon.narrower {
  width: 5px;
}
table.gameMatchupDetail span.correctIcon {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -532px -293px;
}
table.gameMatchupDetail span.incorrectIcon {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -532px -306px;
}
table.gameMatchupDetail span.drawIcon {
  background: url(../png/draw_sm-0271ba8ac3bc7073e491951dcb8c39ea3d061474d0cf369b6b9707e17237df0f.png);
}
table.gameMatchupDetail span.boutName {
  font-style: italic;
}

table.games {
  width: 756px;
  margin-top: 4px;
  padding: 0;
  text-align: left;
}
table.games.marTop {
  margin-top: 20px;
}
table.games tr {
  background: #f5f5f5;
}
table.games tr:nth-child(2n) {
  background: #e5e5e5;
}
table.games tr.body:hover {
  background: #eee;
}
table.games tr.head {
  border-bottom: 5px solid white;
}
table.games tr.tall {
  height: 40px;
}
table.games th {
  padding: 0 10px;
  background: #333;
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
table.games th.gutter {
  background: #fff;
  padding: 0;
}
table.games th.micro {
  width: 3px;
}
table.games th.center {
  text-align: center;
}
table.games td {
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
  color: #333;
  font-size: 12px;
}
table.games td.padLeft {
  padding-left: 10px;
}
table.games td.center {
  text-align: center;
}
table.games td.clean a {
  border-bottom: none;
  text-decoration: none;
}
table.games td.firstLeft {
  border-top-left-radius: 7px;
}
table.games td.firstRight {
  border-top-right-radius: 7px;
}
table.games td.lastLeft {
  border-bottom-left-radius: 7px;
}
table.games td.lastRight {
  border-bottom-right-radius: 7px;
}
table.games td.grayLinks a:link, table.games td.grayLinks a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #888;
}
table.games td.grayLinks a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
table.games td.spacer {
  width: 20px;
}
table.games td.green {
  color: #228B22;
}
table.games td.green a:link, table.games td.green a:visited {
  color: #228B22;
  text-decoration: none;
  border-bottom: 1px dotted #228B22;
}
table.games td.green a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.games td.orange {
  color: #d08d11;
}
table.games td.orange a:link, table.games td.orange a:visited {
  color: #d08d11;
  text-decoration: none;
  border-bottom: 1px dotted #d08d11;
}
table.games td.orange a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.games td span.padLeft {
  padding-left: 10px;
}
table.games td span.primaryText {
  font-size: 14px;
  font-weight: bold;
}
table.games td span.subText {
  color: #a88843;
  font-size: 9px;
  padding-left: 5px;
}
table.games td span.subTextAlt {
  color: #26466d;
  font-size: 9px;
  padding-left: 5px;
}
table.games td span.subTextBold {
  font-weight: bold;
  color: #a88843;
  font-size: 11px;
  font-variant: small-caps;
}
table.games img.smallIcon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: block;
}
table.games tr:hover .gameIdHolder {
  background: #c1320b;
  color: #fff;
}
table.games th.game {
  width: 40px;
}
table.games th.join {
  width: 30px;
}
table.games th.tiny {
  width: 25px;
}
table.games th.type {
  width: 80px;
}
table.games th.events {
  width: 80px;
}
table.games th.eventType {
  width: 100px;
}
table.games th.status {
  width: 120px;
}
table.games th.deadline {
  width: 150px;
}
table.games th.entered {
  width: 80px;
}
table.games th.enteredSmall {
  width: 60px;
}
table.games th.eventName {
  width: 193px;
}
table.games th.eventSelect {
  width: 250px;
}
table.games td.rank {
  color: #a88843;
  font-weight: bold;
  font-size: 20px;
}
table.games td.record {
  color: #a88843;
  font-weight: bold;
  font-size: 15px;
}
table.games td.matchupStat {
  width: 140px;
}
table.games td.category {
  text-transform: uppercase;
  font-weight: bold;
  color: #777;
}
table.games td.gutter {
  width: 3px;
}
table.games td.gutterSmall {
  background: #fff;
  width: 10px;
}
table.games td.gutterBig {
  background: #fff;
  width: 65px;
}
table.games td.padLeft {
  padding-left: 2px;
}
table.games td.subHeader {
  line-height: 20px;
  background: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  color: #777;
}
table.games td.credit {
  color: #119411;
}
table.games td.debit {
  color: #c1320b;
}
table.games td span.fee {
  color: #119411;
}
table.games td span.prize {
  padding-left: 3px;
  color: #119411;
}

.gamesTableEventNameHolder {
  width: 170px;
  height: 34px;
  overflow: hidden;
}

.gamesIndexTableHeader {
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #f2f2f2;
  text-transform: uppercase;
  margin-top: 30px;
  padding: 10px;
  border-radius: 5px;
}
.gamesIndexTableHeader a:link, .gamesIndexTableHeader a:visited {
  color: #f2f2f2;
  text-decoration: none;
  border-bottom: 1px dotted #f2f2f2;
}
.gamesIndexTableHeader a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.gamesIndexTableHeader.draft {
  background: #5d1502;
}
.gamesIndexTableHeader.join {
  background: #110e7d;
}
.gamesIndexTableHeader.inProgress {
  background: #034003;
}
.gamesIndexTableHeader.completed {
  background: #333;
}
.gamesIndexTableHeader.lowMargin {
  margin-top: 15px;
}
.gamesIndexTableHeader span.right {
  float: right;
}

.gameIdContainer {
  margin-left: 10px;
  width: 39px;
}
.gameIdContainer.noMargin {
  margin-left: 0;
}
.gameIdContainer.inlineBlock {
  display: inline-block;
}

.gameIdHolder {
  font-size: 13px;
  color: #CCC;
  font-weight: bold;
  width: 35px;
  text-align: center;
}
.gameIdHolder.sidebarId:hover {
  color: #c1320b;
}

h4.gameSubHeader {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
h4.gameSubHeader a:link, h4.gameSubHeader a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
h4.gameSubHeader a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
h4.gameSubHeader span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
h4.gameSubHeader span.help a:link, h4.gameSubHeader span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
h4.gameSubHeader span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
h4.gameSubHeader.marTop {
  margin-top: 30px;
}

img.gameSizeIcon {
  border-radius: 3px;
  width: 30px;
  height: 30px;
}

.gameIconHolder {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
.gameIconHolder.medium {
  width: 25px;
  height: 25px;
}
.gameIconHolder.big {
  width: 30px;
  height: 30px;
}
.gameIconHolder.floatRight {
  float: right;
}
.gameIconHolder.noMarLeft {
  margin-left: 0px;
}
.gameIconHolder.marTopSlight {
  margin-top: 2px;
}
.gameIconHolder.marTop {
  margin-top: 5px;
}
.gameIconHolder.marRight {
  margin-right: 10px;
}
.gameIconHolder.marRightBig {
  margin-right: 20px;
}
.gameIconHolder.gameCreatorIndex {
  margin: 5px 5px 0 0;
}

img.gameChipsIcon {
  margin-top: 7px;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  background: #f2ffda;
  border: 1px solid #bcdcbc;
}

img.gameJoinIcon {
  border-radius: 3px;
  width: 23px;
  height: 23px;
  background: #dff1c0;
  border: 1px solid #bcdcbc;
}
img.gameJoinIcon:hover {
  background: #f2ffda;
  border: 1px solid #d1e8d1;
}

img.gameTeamIcon, img.gameEventPromoterIcon {
  border-radius: 3px;
  width: 30px;
  height: 30px;
}

img.gameTeamIconSmall {
  border-radius: 3px;
  width: 20px;
  height: 20px;
}
img.gameTeamIconSmall.opaque {
  opacity: 0.6;
}

.gameWinnerContainer {
  margin-top: 10px;
  padding: 10px;
  background: #12d005;
  border: 5px solid #f2ffda;
  border-radius: 5px;
}
.gameWinnerContainer h6 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #f2ffda;
  text-align: center;
}
.gameWinnerContainer h6.tie {
  margin-bottom: 0;
}
.gameWinnerContainer img {
  border: 3px solid #fff;
  border-radius: 5px;
  width: 124px;
  height: 124px;
}

.gameBigHeader {
  padding: 20px;
  background: #333;
  border-radius: 5px;
}
.gameBigHeader.extraPadBottom {
  padding-bottom: 40px;
}
.gameBigHeader.createSuggestion {
  margin-top: 4px;
  background: #bfd9ff;
}

.gameBigHeaderOtherOption {
  margin-top: 15px;
}
.gameBigHeaderOtherOption p {
  padding: 0 !important;
  float: right;
  color: #bbb;
}
.gameBigHeaderOtherOption p a:link, .gameBigHeaderOtherOption p a:visited {
  color: #edeae1;
  text-decoration: none;
  border-bottom: 1px dotted #edeae1;
}
.gameBigHeaderOtherOption p a:hover {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px solid #a88843 !important;
}
.gameBigHeaderOtherOption.marBottom {
  margin-bottom: 20px;
}

.gameBigHeaderName {
  width: 300px;
  margin: 0 auto 20px auto;
  font-size: 12px;
  background: #a88843;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
}

.gameBigHeaderTitle {
  border-bottom: 1px dotted #a88843;
  padding-bottom: 10px;
}
.gameBigHeaderTitle h2 {
  text-align: center;
  font-size: 22px;
  color: #eee;
}
.gameBigHeaderTitle h6 {
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
  color: #ccc;
}

.gameBigHeaderButtons {
  display: block;
  margin-top: 20px;
}

.gameCreateSuggestion {
  color: #110e7d;
  font-size: 12px;
  text-align: center;
}

form.gameChangeStatus {
  display: inline-block;
  margin-right: 30px;
}
form.gameChangeStatus input[type=submit] {
  width: 120px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid green;
  background: #e5e5e5;
  color: #333;
  border-radius: 5px;
}
form.gameChangeStatus input[type=submit]:hover {
  background: #f2ffda;
  color: green;
  cursor: pointer;
}
form.gameChangeStatus input[type=submit]:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}
form.gameChangeStatus.negative {
  margin-right: 0;
  margin-left: 30px;
}
form.gameChangeStatus.negative input[type=submit] {
  border: 1px solid #c1320b;
}
form.gameChangeStatus.negative input[type=submit]:hover {
  color: #c1320b;
  background: #ffdfd7;
}

.gameCreateSuggestButton {
  display: inline-block;
  width: 118px;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #110e7d;
  background: #e5e5e5;
  color: #333 !important;
  text-decoration: none;
  border-radius: 5px;
}
.gameCreateSuggestButton:hover {
  background: #e6effb;
  color: #110e7d !important;
  cursor: pointer;
}
.gameCreateSuggestButton:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

.gameChangeStatusButton {
  margin-left: 30px;
  display: inline-block;
  width: 118px;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #c1320b;
  background: #e5e5e5;
  color: #333 !important;
  text-decoration: none;
  border-radius: 5px;
}
.gameChangeStatusButton:hover {
  background: #ffdfd7;
  color: #c1320b !important;
  cursor: pointer;
}
.gameChangeStatusButton:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

.gameChallengeButton {
  display: inline-block;
  width: 118px;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #c1320b;
  background: #e5e5e5;
  color: #c1320b !important;
  text-decoration: none;
  border-radius: 5px;
}
.gameChallengeButton:hover {
  background: #ffdfd7;
  color: #c1320b !important;
  cursor: pointer;
}
.gameChallengeButton:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

.gameOneOnOneUsernamesContainer {
  display: block;
  height: 20px;
  margin-top: 20px;
}

.gameOneOnOneRecordsContainer {
  display: block;
  height: 16px;
  margin-top: 10px;
}

.gameOneOnOneUser {
  display: inline-block;
  width: 263px;
  text-align: center;
}
.gameOneOnOneUser.username {
  font-weight: bold;
  font-size: 20px;
}
.gameOneOnOneUser.username a:link, .gameOneOnOneUser.username a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #c1320b;
}
.gameOneOnOneUser.username a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.gameOneOnOneUser.record {
  font-size: 18px;
}
.gameOneOnOneUser.record a:link, .gameOneOnOneUser.record a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: none;
}
.gameOneOnOneUser.record a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.gameOneOnOneUser.left {
  float: left;
}
.gameOneOnOneUser.right {
  float: right;
}

.gameOneOnOneBeltsContainer {
  display: block;
  height: 80px;
}

.gameOneOnOneUserBelt {
  display: inline-block;
}
.gameOneOnOneUserBelt.left {
  float: left;
}
.gameOneOnOneUserBelt.right {
  float: right;
}

.gameIconWarning {
  clear: both;
  align-items: center;
}
.gameIconWarning i {
  color: #c1320b;
  font-size: 48px;
}

.groupBigHeader {
  padding: 20px;
  background: #333;
  border-radius: 5px;
}
.groupBigHeader.marTop {
  margin-top: 20px;
}

.groupBigHeaderTitle {
  border-bottom: 1px dotted #a88843;
  padding-bottom: 10px;
}
.groupBigHeaderTitle h2 {
  text-align: center;
  font-size: 22px;
  color: #eee;
}
.groupBigHeaderTitle h6 {
  text-align: center;
  padding-top: 10px;
  font-size: 13px;
  color: #ccc;
}

form.groupChangeStatus {
  display: inline-block;
}
form.groupChangeStatus input[type=submit] {
  width: 120px;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid green;
  background: #e5e5e5;
  color: #333;
  border-radius: 5px;
}
form.groupChangeStatus input[type=submit]:hover {
  background: #f2ffda;
  color: green;
  cursor: pointer;
}
form.groupChangeStatus input[type=submit]:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}
form.groupChangeStatus.groupNegative input[type=submit], form.groupChangeStatus.singleNegative input[type=submit] {
  border: 1px solid #c1320b;
}
form.groupChangeStatus.groupNegative input[type=submit]:hover, form.groupChangeStatus.singleNegative input[type=submit]:hover {
  color: #c1320b;
  background: #ffdfd7;
}
form.groupChangeStatus.groupNegative {
  margin-left: 30px;
}

.groupBigHeaderButtons {
  display: block;
  margin-top: 20px;
}

.groupChangeStatusButton {
  margin-left: 30px;
  display: inline-block;
  width: 118px;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #c1320b;
  background: #e5e5e5;
  color: #333 !important;
  text-decoration: none;
  border-radius: 5px;
}
.groupChangeStatusButton:hover {
  background: #ffdfd7;
  color: #c1320b !important;
  cursor: pointer;
}
.groupChangeStatusButton:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

table.groups {
  width: 756px;
  margin-top: 4px;
  padding: 0;
  text-align: left;
}
table.groups.marTop {
  margin-top: 20px;
}
table.groups tr {
  background: #f5f5f5;
}
table.groups tr:nth-child(2n) {
  background: #e5e5e5;
}
table.groups tr.body:hover {
  background: #eee;
}
table.groups tr.head {
  border-bottom: 5px solid white;
}
table.groups tr.tall {
  height: 40px;
}
table.groups th {
  padding: 0 10px;
  background: #333;
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
table.groups th.gutter {
  background: #fff;
  padding: 0;
}
table.groups th.micro {
  width: 3px;
}
table.groups th.center {
  text-align: center;
}
table.groups td {
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
  color: #333;
  font-size: 12px;
}
table.groups td.padLeft {
  padding-left: 10px;
}
table.groups td.center {
  text-align: center;
}
table.groups td.clean a {
  border-bottom: none;
  text-decoration: none;
}
table.groups td.firstLeft {
  border-top-left-radius: 7px;
}
table.groups td.firstRight {
  border-top-right-radius: 7px;
}
table.groups td.lastLeft {
  border-bottom-left-radius: 7px;
}
table.groups td.lastRight {
  border-bottom-right-radius: 7px;
}
table.groups td.grayLinks a:link, table.groups td.grayLinks a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #888;
}
table.groups td.grayLinks a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
table.groups td.spacer {
  width: 20px;
}
table.groups td.green {
  color: #228B22;
}
table.groups td.green a:link, table.groups td.green a:visited {
  color: #228B22;
  text-decoration: none;
  border-bottom: 1px dotted #228B22;
}
table.groups td.green a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.groups td.orange {
  color: #d08d11;
}
table.groups td.orange a:link, table.groups td.orange a:visited {
  color: #d08d11;
  text-decoration: none;
  border-bottom: 1px dotted #d08d11;
}
table.groups td.orange a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.groups td span.padLeft {
  padding-left: 10px;
}
table.groups td span.primaryText {
  font-size: 14px;
  font-weight: bold;
}
table.groups td span.subText {
  color: #a88843;
  font-size: 9px;
  padding-left: 5px;
}
table.groups td span.subTextAlt {
  color: #26466d;
  font-size: 9px;
  padding-left: 5px;
}
table.groups td span.subTextBold {
  font-weight: bold;
  color: #a88843;
  font-size: 11px;
  font-variant: small-caps;
}
table.groups img.smallIcon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: block;
}
table.groups tr {
  height: 34px;
}
table.groups th {
  text-align: left;
}

.gymNotificationContainer {
  margin-bottom: 20px;
}

.fighterGymsContainer {
  clear: both;
  margin-top: 20px;
  padding: 0;
}
.fighterGymsContainer h4 {
  margin-bottom: 10px;
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.fighterGymsContainer h4 a:link, .fighterGymsContainer h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.fighterGymsContainer h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.fighterGymsContainer h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.fighterGymsContainer h4 span.help a:link, .fighterGymsContainer h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.fighterGymsContainer h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}

.fighterGymsListHolder {
  border-radius: 5px;
  background: #f7f7f7;
  margin-bottom: 20px;
  display: block;
}

.fighterGymListItem {
  display: inline-block;
  min-width: 250px;
  padding: 10px;
}

.fighterGymListImage {
  display: inline-block;
}
.fighterGymListImage img {
  border-radius: 5px;
  max-width: 380px;
  max-height: 85px;
}

.fighterGymListName {
  padding: 7px 0 0 0;
  font-size: 12px;
  font-weight: bold;
}
.fighterGymListName a:link, .fighterGymListName a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.fighterGymListName a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.fighterGymListKind {
  padding-top: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #444;
}

.gymBasicDetails {
  border-bottom: 1px dotted #666;
  padding-bottom: 20px;
}

.gymBranchesList {
  margin-top: 20px;
}

.gymFighterList {
  margin-top: 20px;
}

.gymStaffList {
  margin-top: 20px;
}
.gymStaffList ul {
  margin-top: 15px;
}
.gymStaffList h6 {
  padding-bottom: 6px;
  text-align: center;
}
.gymStaffList h6.name {
  font-size: 14px;
  color: #a88843;
}
.gymStaffList h6.role {
  font-size: 12px;
  color: #333;
}
.gymStaffList li {
  width: 160px;
  display: inline-block;
  margin: 0 13px;
}

.gymStaffImage {
  padding-left: 10px;
  text-decoration: none;
}
.gymStaffImage img {
  width: 140px;
  height: 140px;
  border-radius: 8px;
}

.gymFormerStaff {
  margin-top: 10px;
  background: #efefef;
  border-radius: 5px;
  padding: 3px;
}
.gymFormerStaff ul {
  margin-top: 0;
}
.gymFormerStaff li {
  width: 600px;
  margin: 0;
  line-height: 16px;
  font-size: 12px;
  color: #333;
  padding: 5px;
}
.gymFormerStaff li span.description {
  font-weight: bold;
  color: #866d36;
}

dl.gymIndex {
  float: left;
  margin-left: 10px;
}
dl.gymIndex dt {
  padding: 15px 0;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}
dl.gymIndex dd {
  font-size: 13px;
  padding: 7px 0;
}

/* Invite Styles
------------------------------------------------------------------------ */
a.inviteBig {
  margin: 30px 65px 10px;
  width: 270px;
  height: 70px;
  display: block;
  text-indent: -5000px;
  border: none;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -362px;
}
a.inviteBig.interstitial {
  margin: 20px 40px;
}
a.inviteBig.sidebarShare {
  margin: 0 65px 10px;
}
a.inviteBig:hover {
  cursor: pointer;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -432px;
}

.inviteWelcome {
  margin: 10px 0 0;
}

.inviteOptions {
  margin: 40px 0 30px;
}
.inviteOptions.alt {
  margin-bottom: 10px;
}
.inviteOptions ul {
  font-size: 14px;
  padding: 20px 0 30px;
}
.inviteOptions li {
  padding: 3px 0;
  line-height: 1.5em;
}
.inviteOptions h4 {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #666;
}
.inviteOptions a.cs_import {
  font-size: 14px;
  float: left;
  font-weight: bold;
}
.inviteOptions a.cs_import:link, .inviteOptions a.cs_import:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.inviteOptions a.cs_import:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}
.inviteOptions p {
  padding: 5px 0 !important;
  clear: both;
}
.inviteOptions p.code {
  color: #a88843;
  font-size: 20px !important;
}

.inviteEmail {
  margin: 20px 0;
  background: #edeae1;
  width: 716px;
  border-radius: 5px;
  padding: 20px;
}
.inviteEmail p {
  color: #666;
  font-size: 11px;
}

.inviteEmail textarea {
  clear: both;
  padding: 5px;
  width: 704px;
  height: 50px;
  font-size: 14px;
  color: #333;
  border: 1px solid #e1e1e1;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
.inviteEmail textarea.message {
  height: 100px;
}

.inviteEmail label {
  clear: both;
  float: left;
  font-size: 14px;
  color: #666;
  margin: 15px 0 10px;
  font-weight: bold;
}

.inviteEmail input {
  width: 60px;
  height: 22px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -44px;
  text-indent: -5000px;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  margin-top: 20px;
}
.inviteEmail input:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -66px;
  cursor: pointer;
}

/* Sharing Styles
------------------------------------------------------------------------ */
h2.afterUserEvent {
  padding: 20px;
  background: #edeae1;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
  color: #a88843;
}

.shareModule {
  width: 352px;
  height: 180px;
  float: left;
  margin: 20px;
  border-bottom: 1px dotted #666;
  display: block;
}
.shareModule h3 {
  width: 332px;
  padding: 10px;
  background: #e6e6e6;
  font-size: 14px;
  color: #7f7f7f;
  text-transform: uppercase;
  border-radius: 5px;
  margin-bottom: 30px;
}

.shareModuleText {
  width: 352px;
  float: left;
  margin: 0 20px;
  display: block;
}
.shareModuleText label {
  display: block;
  text-align: left;
  line-height: 1.3em;
  width: 350px;
  font-size: 12px;
  color: #666;
}
.shareModuleText label.margin {
  text-align: center;
  margin: 15px 0;
}

.interstitialEmbed {
  clear: both;
  margin-top: 10px;
  padding: 10px 0;
  width: 350px;
  border-radius: 5px;
  background: #edeae1;
}
.interstitialEmbed.sidebar {
  background: #ddd;
  width: 360px;
  padding: 0;
  margin: 0 10px;
}
.interstitialEmbed input {
  background: #fff;
  border: none;
  font-size: 13px;
  padding: 5px;
  margin: 14px 0;
  width: 310px;
  display: inline;
}
.interstitialEmbed input.sidebar {
  margin: 5px;
  width: 340px;
}

/* Affiliate Ad Styles
------------------------------------------------------------------------ */
.affiliateAdEmbedded, .affiliateAdBottom {
  clear: both;
  border-top: 1px dotted #666;
}
.affiliateAdEmbedded h2, .affiliateAdBottom h2 {
  font-size: 16px !important;
  color: #333 !important;
  padding: 10px 0 5px !important;
}
.affiliateAdEmbedded h2 a:link, .affiliateAdEmbedded h2 a:visited, .affiliateAdBottom h2 a:link, .affiliateAdBottom h2 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.affiliateAdEmbedded h2 a:hover, .affiliateAdBottom h2 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.affiliateAdEmbedded p, .affiliateAdBottom p {
  color: #333;
  padding: 0 0 8px 0 !important;
}

.affiliateAdEmbedded {
  margin: 20px 0;
  padding: 0 0 15px;
  border-bottom: 1px dotted #666;
}

.affiliateAdBottom {
  margin-bottom: 20px;
  padding-top: 20px;
}

.affSide {
  clear: both;
  padding: 0 46px 10px;
}

.affLogo {
  text-decoration: none;
  display: inline-block;
}
.affLogo.sidebar {
  margin: 0 14px;
  height: 124px;
  width: 124px;
}
.affLogo.embedded {
  margin: 0 10px;
  height: 48px;
  width: 48px;
}
.affLogo.bottom {
  margin: 0 10px;
  height: 77px;
  width: 77px;
}

img.affLogo {
  opacity: 1;
  transition: opacity 0.2s linear;
}
img.affLogo:hover {
  opacity: 0.85;
}

.teadContentContainer, .egVidContainer {
  min-height: 1px;
  margin-top: 20px;
}

/* Standard, Plain Page and Big Ad Styles
------------------------------------------------------------------------ */
.sideBarAdContainer {
  padding-bottom: 20px;
}

.LayoutTopAdvertisement {
  width: 970px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.LayoutBottomAdvertisement {
  clear: both;
  width: 970px;
  margin: 20px auto;
  display: inline-block;
}

.contentDfpContainer {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
}

.layoutTestAdContainer, .contentTestAdContainer, .sidebarTestAdContainer {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.layoutTestAdContainer {
  background: thistle;
  height: 90px;
}

.contentTestAdContainer {
  margin-top: 20px;
  margin-bottom: 20px;
  height: 90px;
}
.contentTestAdContainer.content-premium {
  background: orchid;
}
.contentTestAdContainer.content-middle {
  background: olive;
}
.contentTestAdContainer.content-top {
  background: gold;
}
.contentTestAdContainer.content-lower {
  background: tomato;
}
.contentTestAdContainer.content-bottom {
  background: royalblue;
}

.sidebarTestAdContainer {
  margin-bottom: 20px;
  height: 280px;
  width: 336px;
  margin-left: 32px;
}
.sidebarTestAdContainer.sidebar-top {
  background: orange;
}
.sidebarTestAdContainer.sidebar-after-user {
  background: chartreuse;
}
.sidebarTestAdContainer.sidebar-middle {
  background: cyan;
}
.sidebarTestAdContainer.sidebar-bottom {
  background: hotpink;
}

.sidebarDfpContainer {
  display: inline-block;
  margin-bottom: 20px;
}

.banner_advertisement {
  margin-bottom: 20px;
  width: 756px;
}
.banner_advertisement.sevenTwentyEight {
  margin-left: 13px;
  margin-right: 14px;
}

.banner_advertisement_wide {
  margin: 0 auto 20px;
  padding: 0 20px;
  clear: both;
  height: 100px;
  width: 1176px;
}

.right_page_advertisement {
  margin-bottom: 20px;
}
.right_page_advertisement h2 {
  font-weight: normal;
  font-size: 9px;
  text-align: center;
}

.plainPage {
  text-align: center;
  width: 1176px;
  clear: both;
}

img.bigAd {
  clear: both;
  margin: 40px auto;
}

.takeSurveyContainer {
  padding: 20px;
  width: 716px;
  margin-bottom: 20px;
  background: #333;
  border-radius: 5px;
}

.takeSurveyHeadline {
  border-bottom: 1px dotted #a88843;
  padding-bottom: 10px;
}
.takeSurveyHeadline h2 {
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  padding-top: 10px;
  font-size: 24px;
  color: #eee;
  text-align: center;
}
.takeSurveyHeadline h6 {
  padding-top: 10px;
  color: #edeae1;
  font-size: 12px;
  text-align: center;
}

.takeSurveyLink {
  margin-top: 20px;
  display: inline-block;
  width: 118px;
  padding: 11px 0;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #034003;
  background: #fff;
  color: #034003 !important;
  text-decoration: none;
  border-radius: 5px;
}
.takeSurveyLink:hover {
  background: #f2ffda;
  color: #034003 !important;
  cursor: pointer;
}
.takeSurveyLink:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

.spacer20px {
  display: flex;
  height: 20px;
}

.newTicketRecaptcha {
  margin-left: auto;
  margin-right: auto;
  width: 304px;
  margin-top: 30px;
}

img.privateItemIcon {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}

img.privateItemIconTiny {
  margin-left: 3px;
  width: 12px;
  height: 12px;
}

img.privateItemIconVeryTiny {
  margin-right: 3px;
  width: 10px;
  height: 10px;
}

img.privateItemIcon.right,
img.privateItemIconTiny.right,
img.privateItemIconVeryTiny.right {
  float: right;
}
img.privateItemIcon.noMargin,
img.privateItemIconTiny.noMargin,
img.privateItemIconVeryTiny.noMargin {
  margin-left: 0px;
}

form.share {
  padding: 20px 0;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  text-align: left;
}
form.share.embed {
  border: none;
  padding: 0;
}
form.share fieldset {
  padding: 10px;
  background: #edeae1;
  border-radius: 5px;
  width: 736px;
}
form.share fieldset.topPad {
  margin-top: 10px;
}
form.share fieldset.noPad {
  min-height: 38px;
  padding-bottom: 0;
}
form.share label {
  float: left;
  clear: left;
  display: inline;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  font-weight: bold;
  width: 77px;
  margin-right: 10px;
  text-align: left;
  line-height: 26px;
}
form.share button, form.share a {
  float: left;
  margin-right: 20px;
  text-indent: -5000px;
  border: none;
  display: block;
}
form.share button:hover, form.share a:hover {
  cursor: pointer;
}
form.share input {
  float: left;
  background: #fff;
  border: none;
  padding: 5px;
  clear: right;
  margin-bottom: 10px;
  width: 637px;
  display: inline;
}
form.share .topPad ul {
  padding-bottom: 10px;
  /* FIX FOR IE7 */
}

.shareOne {
  margin-top: 20px;
}
.shareOne form.share {
  padding: 0;
  border-top: 0px dotted #666;
  border-bottom: 0px dotted #666;
}

.shareBox {
  clear: both;
  width: 756px;
  margin: 20px 0;
  padding: 10px 0 8px;
  border-radius: 5px;
  background: #edeae1;
}

.shareUnitsInter {
  display: flex;
}
.shareUnitsInter .shareUnitInter {
  padding-right: 10px;
}

.shareUnitText {
  float: left;
  padding: 5px 30px 0 20px;
  display: block;
}
.shareUnitText img {
  width: 35px;
  height: 35px;
}
.shareUnitText p {
  color: #7f7f7f;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

.shareEmbed p {
  padding: 0px !important;
  float: right;
  margin-right: 24px;
  font-size: 11px !important;
  color: #7f7f7f;
}
.shareEmbed p.warning {
  color: #c1320b;
}
.shareEmbed input {
  float: left;
  background: #fff;
  border: none;
  padding: 5px;
  clear: right;
  margin-bottom: 10px;
  width: 390px;
  display: inline;
}

.topPad ul li {
  display: block;
  clear: both;
}

.legacyInline {
  display: inline;
}

.notShown {
  display: none;
}

input::-moz-focus-inner {
  border: 0;
}

button::-moz-focus-inner {
  border: 0;
}

.center {
  margin: 0 auto;
  text-align: center;
}

#flash_messages {
  background: #FAFBC0;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 25px;
  font-size: 16px;
  padding: 15px;
}
#flash_messages .error {
  border: 1px solid #c1320b;
  font-weight: bold;
  color: #c1320b;
}

a.alt {
  color: #000 !important;
  border-bottom: 0px !important;
}

a.alt:hover {
  border-bottom: 1px solid #000 !important;
}

.bar {
  width: 99%;
  border: 1px solid #666;
  height: 30px;
  margin-bottom: 10px;
}

.percentage {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
}
.percentage.color0 {
  background: red;
}
.percentage.color1 {
  background: blue;
}
.percentage.color2 {
  background: green;
}
.percentage.color3 {
  background: brown;
}
.percentage.color4 {
  background: purple;
}

.formErrorsSummary {
  background: #fff6f6;
  border-radius: 5px;
  border: 3px solid yellow;
  width: 710px;
  margin: 20px 0;
  padding: 20px;
  color: #c1320b;
}
.formErrorsSummary h4 {
  font-size: 24px;
  line-height: 1.2em;
  padding: 10px 0 30px 10px;
}
.formErrorsSummary table td {
  line-height: 1.4em;
  font-size: 15px;
  text-align: left;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #dabbb3;
}
.formErrorsSummary table td.field {
  font-weight: bold;
  width: 190px;
}
.formErrorsSummary table td.message {
  width: 477px;
}

.errorMessages {
  font-size: 20px;
  line-height: 50px;
  color: #c1320b;
}

form.typical {
  margin-top: 10px;
  background: #eee;
  border-radius: 5px;
  padding: 12px 15px;
  text-align: left;
}
form.typical.games, form.typical .groups {
  padding: 12px 0;
  background: none;
}
form.typical span.hint {
  display: block;
  color: #a88843;
  font-size: 12px;
  line-height: 1.4em;
  padding: 2px;
  margin-bottom: 10px;
  width: 710px;
}
form.typical span.hint.centered {
  text-align: center;
}
form.typical span.error {
  color: #c1320b;
  font-size: 14px;
  display: block;
  padding: 0px 2px 20px;
  width: 710px;
}
form.typical .note {
  margin-top: 10px;
  padding: 10px;
  background: #e1e1e1;
  border-radius: 2px;
}
form.typical .check {
  margin-left: 20px;
}
form.typical select.ranking {
  width: 325px;
}
form.typical select.date {
  width: 106px;
}
form.typical label {
  font-size: 16px;
  width: 710px;
  color: #666;
  padding: 15px 0 10px;
  display: block;
  font-weight: bold;
}
form.typical label.noWidth {
  width: auto;
}
form.typical input {
  padding: 3px 2px;
  font-size: 14px;
  background: #fff;
  border: 1px solid #e1e1e1;
}
form.typical input.wide {
  width: 300px;
}
form.typical input.narrow {
  width: 75px;
}
form.typical input.decorated {
  border-radius: 5px;
  padding: 4px 8px;
}
form.typical input.decorated:focus {
  border: 1px solid #a2c3a2;
  background: #efffe8;
}
form.typical textarea {
  padding: 5px;
  width: 704px;
  height: 200px;
  font-size: 14px;
  border: 1px solid #e1e1e1;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}
form.typical textarea.ranking {
  height: 80px;
}
form.typical textarea.midHeight {
  height: 60px;
}
form.typical button.submit {
  margin: 15px auto 0;
}
form.typical button.submit:hover {
  cursor: pointer;
}
form.typical button.submitAlt {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 15px;
  margin: 20px auto;
  display: block;
  color: #333;
  text-decoration: none;
  height: inherit;
  background: #fff;
  border: 1px solid #666;
}
form.typical button.submitAlt:hover {
  background: #fffbfb;
  border: 1px solid #c1320b;
  color: #c1320b;
}
form.typical button.submitAlt:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}
form.typical table td {
  padding-right: 30px;
}

.logout p {
  margin-top: 15px;
  font-size: 12px;
  text-align: center;
  color: #999;
  line-height: 1.3em;
}
.logout p.gold {
  color: #a88843;
}
.logout p img {
  width: 100%;
  max-width: 500px;
}

.hide {
  display: none;
}

.typical_button {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  margin: 0 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.typical_button_alt {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  font-size: 12px;
  margin: 0 10px;
  padding: 10px 15px;
  color: #333;
  text-decoration: none;
}
.typical_button_alt.right {
  clear: both;
  height: auto;
  margin: 0 15px 20px;
  display: block;
}
.typical_button_alt.right.alt {
  padding: 10px 12px;
  margin-top: 20px;
}
.typical_button_alt:hover {
  border: 1px solid #c1320b;
  padding: 9px 14px;
  color: #c1320b;
}

form.newTicket {
  clear: both;
  margin: 20px 0 0 0;
  width: 716px;
  padding: 0 20px;
  text-align: left;
}
form.newTicket div.fieldSection {
  margin-bottom: 20px;
}
form.newTicket label {
  margin-right: 20px;
  font-size: 13px;
  display: inline-block;
  line-height: 46px;
  width: 180px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  color: #a88843;
}
form.newTicket input, form.newTicket textarea {
  padding: 15px 40px 15px 15px;
  border: none;
  background: #444;
  color: #f5f5f5;
  border-radius: 5px;
  transition: background 0.2s linear;
}
form.newTicket input:focus, form.newTicket textarea:focus {
  background: #222;
}
form.newTicket input, form.newTicket select {
  font-size: 16px;
}
form.newTicket input[type=text] {
  width: 295px;
}
form.newTicket textarea {
  width: 630px;
  height: 180px;
  font-size: 14px;
  margin-left: 15px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
}
form.newTicket select {
  height: 30px;
  min-width: 350px;
}
form.newTicket .submitButtonHolder {
  text-align: center;
  margin-top: 50px;
}
form.newTicket button.submit {
  margin: 15px auto 0;
}

form.user_preferences {
  margin-top: 10px;
  padding: 12px 15px;
  text-align: left;
}
form.user_preferences span.hint {
  display: block;
  color: #a88843;
  font-size: 12px;
  line-height: 1.4em;
  padding: 2px;
  margin-bottom: 10px;
  width: 710px;
}
form.user_preferences span.error {
  color: #c1320b;
  font-size: 20px;
  display: block;
  padding: 0px 2px 20px;
  width: 710px;
}
form.user_preferences .note {
  margin-top: 10px;
  padding: 10px;
  background: #e1e1e1;
  border-radius: 2px;
}
form.user_preferences .check {
  margin-left: 20px;
}
form.user_preferences div.selection_group {
  margin-bottom: 20px;
}
form.user_preferences div.setting_details {
  display: inline-block;
  padding: 4px 4px 6px 4px;
  width: 10px;
  height: 8px;
  vertical-align: -4px;
  background: #a88843;
  color: white;
  text-align: center;
  font-weight: bold;
  cursor: help;
  opacity: 0.8;
  margin-left: 2px;
  border-radius: 8px;
}
form.user_preferences div.setting_details:hover {
  color: #333;
}
form.user_preferences div.setting_warning {
  background: #c1320b;
}
form.user_preferences label {
  margin-right: 20px;
  font-size: 12px;
  display: inline-block;
  line-height: 46px;
  width: 180px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: right;
  color: #a88843;
}
form.user_preferences label.tall {
  vertical-align: top;
}
form.user_preferences input, form.user_preferences textarea, form.user_preferences select {
  padding: 15px 40px 15px 15px;
  font-size: 14px;
  border: none;
  background: #333;
  color: #e6e6e6;
  border-radius: 5px;
  transition: background 0.2s linear;
}
form.user_preferences input:focus, form.user_preferences textarea:focus, form.user_preferences select:focus {
  background: #222;
}
form.user_preferences input[type=text] {
  width: 350px;
}
form.user_preferences input[type=password] {
  width: 300px;
}
form.user_preferences input[type=checkbox] {
  width: 15px;
  height: 15px;
  padding: 0px;
}
form.user_preferences div.checkbox_preferences {
  display: inline-block;
  width: 350px;
  padding: 15px 40px 15px 15px;
  background: #333;
  border-radius: 5px;
  color: #e6e6e6;
  font-size: 14px;
}
form.user_preferences div.checkbox_preferences label {
  vertical-align: top;
}
form.user_preferences div.checkbox_preferences div {
  line-height: 20px;
}
form.user_preferences div.single_checkbox {
  display: inline-block;
  width: 350px;
  padding: 15px 40px 15px 15px;
  background: #333;
  color: #e6e6e6;
  font-size: 14px;
  border-radius: 5px;
}
form.user_preferences div.field_with_errors {
  display: inline-block;
  padding: 15px;
  background: pink;
  color: #c1320b;
}
form.user_preferences .inactiveDisabledEmail {
  display: inline-block;
  width: 355px;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
  background: #ffdfd7;
  color: #333;
}
form.user_preferences textarea {
  width: 630px;
  height: 220px;
  margin-left: 15px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
}
form.user_preferences select {
  min-width: 200px;
}
form.user_preferences .preferences_button_holder {
  text-align: center;
  margin-top: 30px;
}
form.user_preferences button.submit {
  margin: 15px auto 0;
}
form.user_preferences button.submit:hover {
  cursor: pointer;
}

.image_upload_complete {
  display: none;
}
.image_upload_complete h5 {
  text-align: center;
  font-size: 18px;
  color: #a88843;
  padding: 10px;
}
.image_upload_complete p {
  text-align: center;
}

.redButton, .designRanking {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  font-size: 12px;
  margin: 0 0 15px;
  padding: 10px 12px;
  color: #333;
  text-decoration: none;
  clear: both;
  height: auto;
}
.redButton.marginTop, .designRanking.marginTop {
  margin-top: 15px;
}
.redButton:hover, .designRanking:hover {
  border: 1px solid #c1320b;
  padding: 9px 11px;
  color: #c1320b;
}

.redButton {
  display: inline-block;
  width: 100px;
}
.redButton.almost {
  width: 98px;
}
.redButton.centered {
  text-align: center;
}
.redButton.medium {
  width: 130px;
}
.redButton.large {
  width: 200px;
}
.redButton.mediumSpaced {
  width: 130px;
  margin: 15px 10px 0 10px;
}
.redButton.autoMargin {
  margin-left: auto;
  margin-right: auto;
}

.designRanking {
  display: block;
}

.image_134 {
  height: 134px;
  width: 134px;
}

.icon_image {
  height: 77px;
  width: 77px;
}

.submitComment {
  margin-top: 15px;
}

.videos ul {
  margin: 20px 0;
}
.videos li {
  padding: 0 20px 20px 20px;
}
.videos li.border {
  border-bottom: 1px dotted #666;
}
.videos p {
  clear: both;
  margin: 0 20px;
  width: 736px;
}
.videos h4 {
  margin: 20px 0 15px 0;
  font-weight: bold;
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.videos h4 a:link, .videos h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.videos h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.videos h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.videos h4 span.help a:link, .videos h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.videos h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.videos h4.margin {
  font-weight: normal;
  margin-bottom: 20px;
}
.videos h4 span.reportLink {
  float: right;
  display: inline;
  font-size: 10px;
  text-transform: none;
}
.videos h4 span.reportLink a:link, .videos h4 span.reportLink a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.videos h4 span.reportLink a:hover {
  color: #999;
  text-decoration: none;
  border-bottom: 1px solid #999 !important;
}

a.gold {
  color: #a88843 !important;
}
a.gold:hover {
  border-bottom: 1px solid #a88843 !important;
}

.faded {
  cursor: default !important;
  opacity: 0.5 !important;
}

.page_ad_links h4 {
  text-align: center;
  border-bottom: 1px dotted #666;
  padding: 12px 0;
  font-weight: normal;
  margin: 20px 0;
  font-size: 16px;
  color: #333;
  display: inline-block;
}
.page_ad_links h4.bottom {
  border-top: 1px dotted #666;
  margin: 30px 0;
}
.page_ad_links h4 span {
  color: #a88843;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: bold;
  margin: 0px 20px;
}
.page_ad_links h4 a:link, .page_ad_links h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
  display: inline-block;
  margin: 0px 20px;
}
.page_ad_links h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000;
}

#page_ad h2 {
  font-size: 9px;
  text-align: center;
}

h3 + .details {
  margin-top: 12px;
}

.details {
  clear: both;
  padding: 0;
}
.details table {
  font-size: 12px;
  text-align: left;
}
.details ul {
  font-size: 12px;
}
.details li {
  float: left;
  margin-left: 20px;
  text-indent: 2px;
  width: 368px;
  display: inline;
  line-height: 28px;
}
.details li strong {
  color: #333;
}
.details li.header {
  color: #333;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 3px;
  text-align: center;
}
.details li.indent {
  color: #a88843;
  font-weight: bold;
  text-indent: 20px;
}

.details_two_columns li:nth-child(4n+4) {
  background: #ececec;
}
.details_two_columns li:nth-child(4n+3) {
  background: #ececec;
}
.details_two_columns li:nth-child(odd) {
  margin-left: 0px;
}

.details_with_poster {
  display: inline-block;
}
.details_with_poster img {
  display: block;
  margin: auto;
}
.details_with_poster .left, .details_with_poster .right {
  float: left;
  width: 378px;
}
.details_with_poster .left {
  text-align: center;
}
.details_with_poster .right li {
  width: 338px;
}
.details_with_poster .right li:nth-child(even) {
  background: #ececec;
}

.externalIconsHolder {
  display: block;
}
.externalIconsHolder a {
  border-bottom: none !important;
}

.externalIcon {
  margin: 0 7px;
  padding-top: 7px;
  display: inline-block;
}
.externalIcon img {
  border-radius: 3px;
  width: 25px;
  height: 25px;
}
.externalIcon a {
  border-bottom: none !important;
}
.externalIcon:hover {
  opacity: 0.7;
}
.externalIcon.small {
  padding-top: 2px;
}
.externalIcon.small img {
  width: 20px;
  height: 20px;
}

.modal_form {
  font-size: 13px;
}
.modal_form p {
  margin: 10px auto;
  text-align: center;
}

#fightcenterSportNotice {
  color: #a88843;
  font-size: 12px;
  margin-top: 15px;
}

/* News Section Styles
------------------------------------------------------------------------ */
.newsSource {
  margin-bottom: 30px;
}
.newsSource.altA {
  margin-bottom: 0;
}
.newsSource h4 {
  clear: both;
  margin: 20px 0 10px 0;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  overflow: hidden;
  background: #c1320b;
  color: #f2f2f2;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.newsSource h4 a:link, .newsSource h4 a:visited {
  color: #f2f2f2;
  text-decoration: none;
  border-bottom: none;
}
.newsSource h4 a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
.newsSource h4.altA {
  margin-bottom: 0;
}
.newsSource h4 span.more {
  float: right;
  display: inline;
  text-transform: none;
}
.newsSource h4 span.more a:link, .newsSource h4 span.more a:visited {
  color: #f2f2f2;
  text-decoration: none;
  border-bottom: 1px dotted #f2f2f2;
}
.newsSource h4 span.more a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}

.newsItem {
  padding: 8px;
  width: 732px;
  border-bottom: 1px dotted #666;
  display: inline-block;
}
.newsItem.narrow {
  padding: 8px;
}
.newsItem:hover {
  background: #f2f2f2;
}

.newsItem:hover .newsItemTitle a:link, .newsItem:hover .newsItemTitle a:visited {
  color: #c1320b;
}

.newsItemLogo {
  text-decoration: none;
  display: inline-block;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.newsItemLogo a:link, .newsItemLogo a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: none;
}
.newsItemLogo a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.newsItemLogo td {
  height: 60px;
  vertical-align: middle;
}
.newsItemLogo img {
  max-height: 60px;
  width: 60px;
}

.newsItemTitle {
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 1.2em;
  display: inline-block;
  text-align: left;
  width: 650px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.newsItemTitle a:link, .newsItemTitle a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.newsItemTitle a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.newsItemText {
  color: #444;
  font-size: 12px;
  padding-top: 6px;
  line-height: 1.5em;
  display: inline-block;
  text-align: left;
  width: 650px;
}
.newsItemText span.gold {
  color: #a88843;
}

/* Team Page Styles
------------------------------------------------------------------------ */
.teamPageGroup {
  padding-top: 20px;
}
.teamPageGroup h5 {
  font-size: 15px;
  padding-bottom: 6px;
  text-align: center;
}
.teamPageGroup h6 {
  font-size: 13px;
  padding-bottom: 6px;
  text-align: center;
  font-weight: normal;
  color: #333;
}
.teamPageGroup ul {
  width: 756px;
  margin-bottom: 40px;
}
.teamPageGroup li {
  width: 166px;
  display: inline-block;
  margin: 0 10px;
}

.teamPageImage {
  color: #555;
  text-decoration: none;
}
.teamPageImage a:link, .teamPageImage a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: none;
}
.teamPageImage a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.teamPageImage img {
  opacity: 0.85;
  transition: opacity 0.2s linear;
}
.teamPageImage img:hover {
  opacity: 1;
}
.teamPageImage img {
  width: 166px;
  height: 166px;
  border-radius: 8px;
}

/* FAQ Styles
------------------------------------------------------------------------ */
ul.faqList {
  font-size: 14px;
  border-bottom: 1px dotted #666;
  padding: 20px 0;
}

ul.tour {
  padding-left: 70px;
  padding-right: 70px;
  list-style: square;
  list-style-position: inside;
}

.faqList li {
  padding: 3px 0;
  line-height: 1.4em;
  color: #999;
}

.tourRegister {
  margin-top: 20px;
}

.faqBox {
  clear: both;
  margin-top: 10px;
  width: 716px;
  padding: 20px;
  background: #f2f2f2;
  float: left;
  border-radius: 5px;
}
.faqBox a:link, .faqBox a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.faqBox a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.faqBox.tour {
  width: 1000px;
  margin: 20px 68px;
}
.faqBox h4 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.faqBox h4.contest {
  font-size: 14px;
  padding: 15px 70px 0 70px;
}
.faqBox h4.topPad {
  padding-top: 30px;
}
.faqBox h4.ownership {
  font-size: 22px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  color: #c1320b;
  padding: 20px 0 0 0;
}
.faqBox h4.tour {
  font-size: 26px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  padding: 0 70px 0 70px;
  color: #333;
}
.faqBox p {
  color: #333;
  font-size: 12px;
  line-height: 1.4em;
  padding: 15px 0 0 !important;
}
.faqBox p.contest {
  padding: 5px 70px 0px 70px !important;
}
.faqBox p.tour {
  color: #333;
  font-size: 15px;
  padding: 20px !important;
  background: white;
  margin: 20px 70px 0 70px;
  text-align: justify;
  border-radius: 5px;
  line-height: 1.5em;
}
.faqBox p.tour span.userTour {
  text-align: left;
  font-size: 12px;
}
.faqBox p.strong {
  font-weight: bold;
}
.faqBox p.topLink {
  float: right;
  text-align: right;
  padding: 5px 0 0 !important;
}
.faqBox img {
  clear: both;
  padding: 20px 0 0 0;
}
.faqBox img.logo {
  margin: 10px 0;
}
.faqBox ul {
  margin: 15px 0 0 15px;
  font-size: 12px;
  color: #666;
}
.faqBox li {
  line-height: 1.2em;
  padding: 4px 0;
}

.pagesLogoHolder {
  margin-bottom: 20px;
  height: 100px;
  display: block;
}

img.rankingLogo {
  height: 100px;
  width: 100px;
  display: inline-block;
  border-radius: 5px;
  padding: initial;
  float: left;
}

/* User Pick Status Styles
------------------------------------------------------------------- */
table.userPickStatus {
  width: 1176px !important;
  width: 756px;
  margin-top: 4px;
  padding: 0;
  text-align: left;
}
table.userPickStatus.marTop {
  margin-top: 20px;
}
table.userPickStatus tr {
  background: #f5f5f5;
}
table.userPickStatus tr:nth-child(2n) {
  background: #e5e5e5;
}
table.userPickStatus tr.body:hover {
  background: #eee;
}
table.userPickStatus tr.head {
  border-bottom: 5px solid white;
}
table.userPickStatus tr.tall {
  height: 40px;
}
table.userPickStatus th {
  padding: 0 10px;
  background: #333;
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
table.userPickStatus th.gutter {
  background: #fff;
  padding: 0;
}
table.userPickStatus th.micro {
  width: 3px;
}
table.userPickStatus th.center {
  text-align: center;
}
table.userPickStatus td {
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
  color: #333;
  font-size: 12px;
}
table.userPickStatus td.padLeft {
  padding-left: 10px;
}
table.userPickStatus td.center {
  text-align: center;
}
table.userPickStatus td.clean a {
  border-bottom: none;
  text-decoration: none;
}
table.userPickStatus td.firstLeft {
  border-top-left-radius: 7px;
}
table.userPickStatus td.firstRight {
  border-top-right-radius: 7px;
}
table.userPickStatus td.lastLeft {
  border-bottom-left-radius: 7px;
}
table.userPickStatus td.lastRight {
  border-bottom-right-radius: 7px;
}
table.userPickStatus td.grayLinks a:link, table.userPickStatus td.grayLinks a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #888;
}
table.userPickStatus td.grayLinks a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
table.userPickStatus td.spacer {
  width: 20px;
}
table.userPickStatus td.green {
  color: #228B22;
}
table.userPickStatus td.green a:link, table.userPickStatus td.green a:visited {
  color: #228B22;
  text-decoration: none;
  border-bottom: 1px dotted #228B22;
}
table.userPickStatus td.green a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.userPickStatus td.orange {
  color: #d08d11;
}
table.userPickStatus td.orange a:link, table.userPickStatus td.orange a:visited {
  color: #d08d11;
  text-decoration: none;
  border-bottom: 1px dotted #d08d11;
}
table.userPickStatus td.orange a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.userPickStatus td span.padLeft {
  padding-left: 10px;
}
table.userPickStatus td span.primaryText {
  font-size: 14px;
  font-weight: bold;
}
table.userPickStatus td span.subText {
  color: #a88843;
  font-size: 9px;
  padding-left: 5px;
}
table.userPickStatus td span.subTextAlt {
  color: #26466d;
  font-size: 9px;
  padding-left: 5px;
}
table.userPickStatus td span.subTextBold {
  font-weight: bold;
  color: #a88843;
  font-size: 11px;
  font-variant: small-caps;
}
table.userPickStatus img.smallIcon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: block;
}

/* User Picks Index Styles
------------------------------------------------------------------- */
ol.userPickSummary {
  margin-left: 0;
  margin-bottom: 20px;
}

.userPickSummary li {
  width: 756px;
  padding: 0;
  float: left;
  clear: left;
  display: block;
  font-size: 14px;
}
.userPickSummary li img {
  float: left;
  margin-right: 20px;
}

.userPickBar {
  float: right;
  width: 475px;
  height: 50px;
  margin-top: 9px;
  background: #f2f2f2;
  border-radius: 5px;
}
.userPickBar div {
  display: inline-block;
  height: 50px;
  line-height: 50px;
}
.userPickBar .userPickPerc {
  display: inline;
  background: #f9f9f9;
  color: #a88843;
  padding: 6px;
  margin-left: 10px;
  font-size: 16px;
  margin-right: 5px;
  border-radius: 5px;
  vertical-align: middle;
}
.userPickBar .correct {
  text-transform: uppercase;
  margin-right: 5px;
  color: #7F7F7F;
  font-size: 10px;
}

.pickSummaryUser {
  float: left;
  margin-left: 30px;
  margin-top: 12px;
  padding-top: 5px;
  max-width: 180px;
  overflow: hidden;
}
.pickSummaryUser a {
  color: #333 !important;
  font-size: 14px;
}
.pickSummaryUser dd {
  margin-top: 8px;
}

.userPickInfo {
  float: right;
  margin-right: 10px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
}
.userPickInfo a {
  color: #666 !important;
}
.userPickInfo a:hover {
  color: #333 !important;
  border-bottom: 1px solid #333 !important;
}
.userPickInfo span:last-child {
  display: inline-block;
  width: 180px;
  text-align: right;
}

/* Prediction Builder Styles
------------------------------------------------------------------- */
.saveInfo {
  clear: both;
  width: 756px;
  margin: 20px 0 0;
  padding: 10px 0;
  border-top: 1px dotted #666;
}
.saveInfo p {
  padding: 0 !important;
}

p.allControls {
  float: right;
  width: 174px;
  text-align: right !important;
  font-size: 12px;
  color: #ccc;
  display: inline;
  line-height: 40px !important;
}
p.completion {
  float: left;
  width: 271px;
  display: inline;
  color: #666;
  font-size: 14px !important;
  line-height: 40px !important;
}

input.hidePick {
  margin-right: 5px;
}

button.savePicks {
  margin: 0 auto;
  width: 170px;
  height: 40px;
  display: block;
  border: none;
  text-indent: -5000px;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px 0px;
}
button.savePicks:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -40px;
  cursor: pointer;
}

.predictionModule {
  clear: both;
  width: 756px;
  padding: 20px 0 0;
  margin: 10px 0;
  border-top: 1px dotted #666;
}

.viewer .predictionModule {
  margin-top: 0;
}

a.viewer:link, a.viewer:visited {
  border: none !important;
  text-decoration: none !important;
}
a.viewer:hover {
  border-bottom: 1px solid #000 !important;
}
a.viewer.result {
  font-size: 18px !important;
}

.predictionModule h2.pop {
  border: none;
}
.predictionModule h2.pop a:link, .predictionModule h2.pop a:visited {
  font-weight: bold;
  font-size: 20px;
  color: #666;
  text-align: left;
  border: none;
  background: #fff;
  text-decoration: none;
}
.predictionModule h2.pop a:hover {
  color: #000;
  border: none !important;
  text-decoration: none;
}
.predictionModule h2.pop a.done {
  color: #000;
}
.predictionModule h2.pop span.subtitle {
  font-size: 12px !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #a88843;
  padding-top: 5px;
  border: none;
}
.predictionModule h2.open span.arrow {
  float: right;
  width: 77px;
  height: 12px;
  padding-bottom: 16px;
  background: url(../png/bouts_arrow_bg-1779ddc18a95964bd7838a654472e613dbffca29a7dbedee987d0bc964caa18a.png) no-repeat center 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
  text-decoration: none;
  border: none;
}
.predictionModule h2.open:hover span.arrow {
  color: #000;
  text-decoration: none;
  border: none;
  background: url(../png/bouts_arrow_bg-1779ddc18a95964bd7838a654472e613dbffca29a7dbedee987d0bc964caa18a.png) no-repeat center -28px;
}
.predictionModule h2.close span.arrow {
  float: right;
  width: 77px;
  height: 12px;
  padding-bottom: 16px;
  background: url(../png/bouts_arrow_close_bg-46a8b10681088b47a922c4ac42b27f89eb772e6951b5468b931e2e7819398e1f.png) no-repeat center 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #ccc;
  text-decoration: none;
  border: none;
}
.predictionModule h2.close:hover span.arrow {
  color: #000;
  text-decoration: none;
  border: none;
  background: url(../png/bouts_arrow_close_bg-46a8b10681088b47a922c4ac42b27f89eb772e6951b5468b931e2e7819398e1f.png) no-repeat center -28px;
}

.predictionMatchup {
  clear: both;
  margin: 20px 0;
  text-align: center !important;
}

.fighterViewer {
  float: left;
  margin-top: 10px;
  width: 261px;
  height: 261px;
  position: relative;
}
.fighterViewer img {
  width: 261px;
  height: 261px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.fighterViewer img.choose {
  width: 261px;
  height: 261px;
  display: none;
  z-index: 1;
}

.fighter {
  float: left;
  margin-top: 10px;
  width: 261px;
  height: 261px;
  position: relative;
}
.fighter img {
  width: 261px;
  height: 261px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
.fighter img.choose {
  width: 261px;
  height: 261px;
  display: none;
  z-index: 100;
}
.fighter:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  cursor: pointer;
}
.fighter:hover img.choose {
  display: block;
  cursor: pointer;
}

.fighterChosen img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  cursor: pointer;
}
.fighterChosen img.choose {
  display: none !important;
  cursor: pointer;
}

.controls {
  float: left;
  margin: 0 10px;
  width: 214px;
  height: 280px;
  display: inline;
}

.choose {
  clear: both;
  width: 214px;
  margin-bottom: 11px;
}

.chooseWindow {
  float: left;
  margin: 0 5px;
  width: 164px;
  height: 86px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  background: url(../jpg/prediction_bg-e43d30864a636b784b2a651c42355ab2cbb5344ef9b23fa595e1bb0a7a6b40f0.jpg) no-repeat 0 0;
}
.chooseWindow dl {
  height: 86px;
  width: 1500px;
}
.chooseWindow dt,
.chooseWindow dd {
  float: left;
  width: 164px;
  height: 86px;
  line-height: 86px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #999;
  text-transform: uppercase;
}
.chooseWindow dd.chosen {
  color: #000;
}

button.chooseLeft, button.chooseRight {
  width: 20px;
  height: 86px;
  display: inline-block;
  text-indent: -5000px;
  border: 0px none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  padding: 0px;
  font-size: 0px;
  float: left;
}
button.chooseLeft {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -659px -122px;
}
button.chooseLeft:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -639px -122px;
  cursor: pointer;
}
button.chooseRight {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -599px -122px;
}
button.chooseRight:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -619px -122px;
  cursor: pointer;
}
button.inactiveLeft {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -679px -122px;
}
button.inactiveLeft:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -679px -122px;
  cursor: default;
}
button.inactiveRight {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -579px -122px;
}
button.inactiveRight:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -579px -122px;
  cursor: default;
}

.predictionMatchup p.pop {
  clear: both;
  display: block;
  position: relative;
  top: 15px;
  margin-bottom: 15px;
  z-index: 10;
  text-align: center !important;
  width: 756px;
}
.predictionMatchup p.open a {
  width: 756px;
}
.predictionMatchup p.open a:link, .predictionMatchup p.open a:visited {
  text-decoration: none;
  border: none;
  height: 12px;
  display: block;
  padding: 0;
  margin: 0 auto;
  padding-bottom: 16px;
  background: url(../png/bouts_arrow_bg-1779ddc18a95964bd7838a654472e613dbffca29a7dbedee987d0bc964caa18a.png) no-repeat center 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center !important;
}
.predictionMatchup p.open a:hover {
  color: #c1320b;
  text-decoration: none;
  border: none;
  background: url(../png/bouts_arrow_bg-1779ddc18a95964bd7838a654472e613dbffca29a7dbedee987d0bc964caa18a.png) no-repeat center -28px;
}
.predictionMatchup p.open a .tale_tape {
  float: left;
  width: 214px;
  margin-left: 10px;
  font-size: 14px;
}
.predictionMatchup p.open a .fighter_name {
  color: #666;
  font-size: 14px;
  width: 261px;
  text-align: center;
}
.predictionMatchup p.open a .fighter_name.left {
  min-height: 0;
  float: left;
}
.predictionMatchup p.open a .fighter_name.right {
  min-height: 0;
  float: right;
}
.predictionMatchup p.close a {
  width: 756px;
}
.predictionMatchup p.close a:link, .predictionMatchup p.close a:visited {
  text-decoration: none;
  border: none;
  height: 12px;
  display: block;
  padding: 0;
  margin: 0 auto;
  padding-bottom: 16px;
  background: url(../png/bouts_arrow_close_bg-46a8b10681088b47a922c4ac42b27f89eb772e6951b5468b931e2e7819398e1f.png) no-repeat center 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.predictionMatchup p.close a:hover {
  color: #c1320b;
  text-decoration: none;
  border: none;
  background: url(../png/bouts_arrow_close_bg-46a8b10681088b47a922c4ac42b27f89eb772e6951b5468b931e2e7819398e1f.png) no-repeat center -28px;
}
.predictionMatchup p.close a .tale_tape {
  float: left;
  width: 214px;
  color: #7f7f7f;
  margin-left: 10px;
  font-size: 14px;
}
.predictionMatchup p.close a .fighter_name {
  color: #666;
  font-size: 14px;
  width: 261px;
  text-align: center;
}
.predictionMatchup p.close a .fighter_name.left {
  min-height: 0;
  float: left;
}
.predictionMatchup p.close a .fighter_name.right {
  min-height: 0;
  float: right;
}

/* Prediction Viewer Styles
------------------------------------------------------------------- */
.predictionRecord {
  clear: both;
  width: 756px;
  padding: 20px 0;
}
.predictionRecord h4 {
  font-size: 16px;
  color: #999;
  font-weight: bold;
}
.predictionRecord h4 span {
  color: #000;
}

.predictionModule h2 {
  font-weight: bold;
  font-size: 20px;
  color: #333;
  text-align: left;
}
.predictionModule h2 a:link, .predictionModule h2 a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.predictionModule h2 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.predictionModule h2 span.subtitle {
  font-size: 12px !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #a88843;
  padding-top: 5px;
  border: none;
}
.predictionModule h2 span.edit {
  float: right;
  color: #999;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}
.predictionModule h2 span.edit a:link, .predictionModule h2 span.edit a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.predictionModule h2 span.edit a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.fighterNames.botPad {
  margin-bottom: 5px;
}
.fighterNames p {
  clear: both;
  margin-top: 5px;
  color: #a88843;
}
.fighterNames p .fName {
  font-size: 12px;
  width: 261px;
  text-align: center;
}
.fighterNames p .fName.left {
  float: left;
}
.fighterNames p .fName.left.gray {
  color: #333;
}
.fighterNames p .fName.right {
  float: right;
}
.fighterNames p .fName.right.gray {
  color: #333;
}

img.static {
  width: 261px;
  height: 261px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
img.static:hover {
  width: 261px;
  height: 261px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}

.fighter:hover img.static:hover {
  cursor: default;
}

.commentaryBar {
  clear: both;
  margin-top: 10px;
  padding-top: 8px;
  width: 756px;
  height: 22px;
  border-radius: 5px;
  background: #e6e6e6;
}
.commentaryBar p {
  color: #666;
  text-align: center;
  text-transform: uppercase;
}

.commentary {
  clear: both;
  padding-top: 15px;
  border-bottom: 1px dotted #666;
}
.commentary.noBorder {
  border-bottom: none !important;
}
.commentary p {
  color: #666;
  word-wrap: break-word;
  padding-bottom: 20px;
  font-size: 14px !important;
}

.chooseWindow dd {
  position: relative;
}
.chooseWindow dd span {
  text-indent: -5000px;
  width: 29px;
  height: 27px;
  display: block;
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -15px;
}
.chooseWindow dd span.correct {
  background: transparent url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -656px -148px;
}
.chooseWindow dd span.wrong {
  background: transparent url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -656px -121px;
}

.comment_thing .comment {
  width: 732px;
  height: 40px;
  font-size: 14px;
  margin-top: 0px;
  padding: 0 10px;
  background: #f2f2f2;
  border-radius: 5px;
  line-height: 1.4em;
  border: none;
  color: #333;
}
.comment_thing .comment:hover {
  background: #e6e6e6;
}
.comment_thing .comment.hint {
  color: #666;
}

h4.preTitle.predictionPreTitle a.alt {
  margin-left: 0px !important;
  color: #999 !important;
}

form[name=promotion-search] {
  clear: both;
  margin-bottom: 20px;
  padding: 30px 20px;
  background: #f2f2f2;
  border-radius: 5px;
  display: flex;
  align-items: center;
}
form[name=promotion-search] input#searchField {
  display: flex;
  height: 28px;
  padding: 0;
  text-indent: 10px;
  align-items: center;
  flex: 1;
  border: none;
  background: #e1e1e1;
  border-radius: 3px;
  font-size: 12px;
  color: #333333;
  margin-right: 20px;
}
form[name=promotion-search] input#searchField:focus {
  background-color: rgb(232.65, 232.65, 232.65);
}
form[name=promotion-search] input#search {
  width: 100px;
  height: 28px;
  display: block;
  background: #e1e1e1;
  border-radius: 5px;
  opacity: 1;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
}
form[name=promotion-search] input#search:hover, form[name=promotion-search] input#search:focus {
  background-color: rgb(232.65, 232.65, 232.65);
}

div.promotionsIndex h4.promotions {
  display: flex;
  margin: 10px 0;
}
div.promotionsIndex h4.promotions span {
  display: flex;
  height: 32px;
  align-items: center;
  background: #e6e6e6;
  color: #7f7f7f;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 5px;
  padding-left: 15px;
}
div.promotionsIndex h4.promotions span.name {
  flex: 4;
}
div.promotionsIndex h4.promotions span.headquarters {
  flex: 3;
}
div.promotionsIndex h4.promotions span.links {
  flex: 1;
}
div.promotionsIndex h4.promotions span:not(:last-of-type) {
  margin-right: 20px;
}
div.promotionsIndex ul.promotions li {
  display: flex;
  height: 60px;
  align-items: center;
  border-bottom: 1px dotted #666666;
  overflow: hidden;
}
div.promotionsIndex ul.promotions li .logo {
  flex: 1;
  padding: 0 10px;
}
div.promotionsIndex ul.promotions li .logo img {
  display: inline-block;
  height: 50px;
  width: 50px;
}
div.promotionsIndex ul.promotions li .name {
  flex: 3;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  margin-right: 10px;
}
div.promotionsIndex ul.promotions li .name span:first-of-type {
  margin-bottom: 8px;
  line-height: 16px;
}
div.promotionsIndex ul.promotions li .name span:nth-of-type(2) {
  color: #999999;
}
div.promotionsIndex ul.promotions li .headquarters {
  flex: 3;
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-right: 10px;
}
div.promotionsIndex ul.promotions li .headquarters img {
  width: 30px;
  margin-right: 8px;
  opacity: 0.75;
}
div.promotionsIndex ul.promotions li .headquarters span {
  color: #999999;
  line-height: 14px;
}
div.promotionsIndex ul.promotions li .picks {
  flex: 1;
  font-size: 12px;
}
div.promotionsIndex ul.promotions li .links {
  flex: 1;
}
div.promotionsIndex ul.promotions li .links a {
  border-bottom: none;
}
div.promotionsIndex ul.promotions li .links a svg {
  width: 22px;
  height: 22px;
  fill: #AAAAAA;
}
div.promotionsIndex ul.promotions li .links a svg:hover {
  fill: #888888;
}

/* Ranking Main Index
------------------------------------------------------------------------ */
.rankingsIndexHeader {
  padding: 20px;
  background: #333;
  border-radius: 5px;
}

.rankingsIndexHeaderTitle {
  border-bottom: 1px dotted #a88843;
  padding-bottom: 10px;
}
.rankingsIndexHeaderTitle h2 {
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  color: #eee;
}

.rankingsIndexHeaderSubTitle {
  padding-top: 12px;
}
.rankingsIndexHeaderSubTitle h4 {
  font-size: 12px;
  text-transform: uppercase;
  color: #ccc;
  text-align: center;
}

.rankingsIndexNavButtons {
  margin-bottom: 5px;
}

/* Rankings Index Trending Ranking Items Styles
------------------------------------------------------------------------ */
.rankingsIndexTrendsHeader {
  padding: 10px 0;
}
.rankingsIndexTrendsHeader.section {
  margin-top: 20px;
  border-top: 1px dotted #666;
}
.rankingsIndexTrendsHeader h1 {
  font-size: 24px !important;
}
.rankingsIndexTrendsHeader h4 {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.rankingsIndexTrendsHeader h4 a:link, .rankingsIndexTrendsHeader h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsIndexTrendsHeader h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.rankingsIndexTrendsHeader h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.rankingsIndexTrendsHeader h4 span.help a:link, .rankingsIndexTrendsHeader h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.rankingsIndexTrendsHeader h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}

h4.rankingsTrendsSubSectionHeader {
  width: 756px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 12px;
  color: #a88843;
}

.rankingsBigMover {
  width: 736px;
  height: 124px;
  padding: 20px 10px;
  border-bottom: 1px dotted #666;
  display: block;
}
.rankingsBigMover:hover a:link, .rankingsBigMover:hover a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsBigMover:hover a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.rankingsBigMoverImage {
  display: inline-block;
  float: left;
  margin-right: 30px;
}
.rankingsBigMoverImage img {
  width: 124px;
  height: 124px;
  border-radius: 5px;
}

.rankingsBigMoverArrow {
  display: inline-block;
  float: left;
  padding-top: 25px;
  margin-left: 10px;
  margin-right: 30px;
}
.rankingsBigMoverArrow img {
  width: 41px;
  height: 41px;
}
.rankingsBigMoverArrow h6 {
  text-align: center;
  padding-top: 8px;
  font-size: 14px;
  color: green;
}
.rankingsBigMoverArrow h6.down {
  color: #9a2809;
}

.rankingsBigMoverTextHolder {
  display: inline-block;
  float: left;
  width: 230px;
}

.rankingsBigMoverText {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 17px;
  text-align: left;
  color: #333;
  width: 230px;
}
.rankingsBigMoverText a:link, .rankingsBigMoverText a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsBigMoverText a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.rankingsBigMoverText.rank {
  margin: 7px 0;
}
.rankingsBigMoverText.story {
  font-size: 12px;
  line-height: 16px;
  height: 16px;
}

.rankingsBigMoverChart {
  display: inline-block;
}

.rankingsTopsContainer {
  width: 756px;
  display: block;
  margin-top: 15px;
}
.rankingsTopsContainer.tens, .rankingsTopsContainer.others, .rankingsTopsContainer.fives {
  margin-top: 25px;
}
.rankingsTopsContainer.tens, .rankingsTopsContainer.others {
  border-top: 1px dotted #666;
  padding-top: 20px;
}

.rankingsTopFive {
  display: inline-block;
  height: 77px;
  padding: 5px 10px;
  width: 356px;
}
.rankingsTopFive:hover a:link, .rankingsTopFive:hover a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsTopFive:hover a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.rankingsTopFiveImage {
  display: inline-block;
  float: left;
}
.rankingsTopFiveImage img {
  width: 77px;
  height: 77px;
  border-radius: 5px;
}

.rankingsTopFiveBackground {
  display: inline-block;
  float: left;
  margin-left: 10px;
  width: 265px;
  height: 77px;
  border-radius: 5px;
}
.rankingsTopFiveBackground.up {
  background: #e0fae1;
}
.rankingsTopFiveBackground.down {
  background: #f0e5e5;
}

.rankingsTopFiveArrow {
  display: inline-block;
  float: left;
  padding: 15px 0 0;
  margin: 0 23px;
}
.rankingsTopFiveArrow img {
  width: 30px;
  height: 30px;
}
.rankingsTopFiveArrow h6 {
  text-align: center;
  padding-top: 5px;
  font-size: 11px;
  color: green;
}
.rankingsTopFiveArrow h6.down {
  color: #9a2809;
}

.rankingsTopFiveText {
  display: inline-block;
  float: left;
  width: 182px;
  height: 20px;
  line-height: 20px;
  margin-top: 12px;
  font-size: 13px;
  text-align: left;
}
.rankingsTopFiveText a:link, .rankingsTopFiveText a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsTopFiveText a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.rankingsTopTen {
  display: inline-block;
  height: 60px;
  padding: 5px 5px;
  width: 240px;
}
.rankingsTopTen:hover a:link, .rankingsTopTen:hover a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsTopTen:hover a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.rankingsTopTenImage {
  display: inline-block;
  float: left;
}
.rankingsTopTenImage img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
}

.rankingsTopTenBackground {
  display: inline-block;
  float: left;
  margin-left: 5px;
  width: 174px;
  height: 60px;
  border-radius: 5px;
}
.rankingsTopTenBackground.up {
  background: #e0fae1;
}
.rankingsTopTenBackground.down {
  background: #f0e5e5;
}

.rankingsTopTenArrow {
  display: inline-block;
  float: left;
  padding: 12px 0 0;
  margin: 0 10px;
}
.rankingsTopTenArrow img {
  width: 20px;
  height: 20px;
}
.rankingsTopTenArrow h6 {
  text-align: center;
  padding-top: 3px;
  font-size: 11px;
  color: green;
}
.rankingsTopTenArrow h6.down {
  color: #9a2809;
}

.rankingsTopTenText {
  display: inline-block;
  float: left;
  width: 134px;
  height: 20px;
  line-height: 20px;
  margin-top: 6px;
  font-size: 12px;
  text-align: left;
}
.rankingsTopTenText a:link, .rankingsTopTenText a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingsTopTenText a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

ul.rankingsOtherMovers li:nth-child(even) {
  background: #f2f2f2;
}

li.rankingsOtherMover {
  display: block;
  line-height: 15px;
  height: 15px;
  font-size: 12px;
  color: #333;
  padding: 7px 0;
}
li.rankingsOtherMover a:link, li.rankingsOtherMover a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
li.rankingsOtherMover a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
li.rankingsOtherMover:hover a:link, li.rankingsOtherMover:hover a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
li.rankingsOtherMover:hover a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.rankingsOtherMoverArrow {
  display: inline-block;
  float: left;
  margin: 0 10px 0 20px;
}
.rankingsOtherMoverArrow img {
  height: 15px;
  width: 15px;
}

.rankingsOtherMoverText {
  display: inline-block;
  float: left;
  margin-left: 20px;
  width: 190px;
}
.rankingsOtherMoverText img {
  margin-right: 3px;
}
.rankingsOtherMoverText.name {
  width: 220px;
}
.rankingsOtherMoverText.from {
  color: #777;
}
.rankingsOtherMoverText.change {
  font-weight: bold;
  margin-left: 5px;
  font-size: 11px;
  width: 20px;
}
.rankingsOtherMoverText.up {
  color: green;
}
.rankingsOtherMoverText.down {
  color: #9a2809;
}

/* Rank Builder Styles
------------------------------------------------------------------------ */
form.rankingsBuilder {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px dotted #666;
}

input.listSummary {
  float: left;
  width: 734px;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 10px;
  background: #f2f2f2;
  border-radius: 5px;
  line-height: 20px;
  font-size: 14px;
  border: none;
  color: #333;
}
input.listSummary:hover {
  background: #e6e6e6;
}

.listSummary.hint {
  color: #999;
}

span.rankBtn {
  float: left;
  margin: 0 93px;
  display: inline-block;
  width: 174px;
  height: 40px;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px 0;
}
span.rankBtn:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -40px;
  cursor: pointer;
}

button.buildSave, button.buildSaveBottom {
  width: 174px;
  height: 40px;
  text-indent: -5000px;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px 0;
  border: none;
}
button.buildSave:hover, button.buildSaveBottom:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -231px -40px;
  cursor: pointer;
}
button.buildSave {
  margin: 0 auto;
  display: block;
}
button.buildSaveBottom {
  float: right;
  margin-left: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}

ol.rankBuildSet {
  list-style: none;
  clear: both;
  display: block;
  border-top: 1px dotted #666;
  margin: 0 0 20px !important;
}

.rankBuildSet li {
  clear: both;
  padding: 5px 0;
  border-bottom: 1px dotted #666;
  background: #fff;
}
.rankBuildSet li.replace {
  display: none;
}

#rankDragging {
  clear: both;
  padding: 10px 10px 10px 0;
  border-bottom: 1px dotted #666;
  display: block;
  height: 83px !important;
  overflow: hidden;
  width: 766px;
  background: #fff;
  box-shadow: 0 0 10px #999;
}

.rankBuildSet li.listPlaceholder {
  background: #ddd;
  display: block;
  height: 83px;
  overflow: hidden;
}

p.sorting {
  float: left;
  margin-top: 8px;
  width: 33px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: 0.2;
  text-align: center !important;
  color: #999;
  display: inline;
  cursor: move;
}
p.sorting:hover {
  opacity: 1;
}

span.moveUp, span.moveDown {
  width: 33px;
  height: 15px;
  display: block;
  text-indent: -5000px;
}
span.moveUp {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -92px;
}
span.moveDown {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -94px -92px;
}

/*
span.moveUp a:link, span.moveUp a:visited {
	width: 77px;
	height: 15px;
	display: block;
	background: transparent url(/assets/master/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -92px;
	text-decoration: none;
	border: none;
}
span.moveUp a:hover {
	background: transparent url(/assets/master/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -107px;
	text-decoration: none;
	border: none;
}

span.moveDown a:link, span.moveDown a:visited {
	width: 77px;
	height: 15px;
	display: block;
	background: transparent url(/assets/master/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -137px -92px;
	text-decoration: none;
	border: none;
}
span.moveDown a:hover {
	background: transparent url(/assets/master/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -137px -107px;
	text-decoration: none;
	border: none;
}
*/
input.rankNumber {
  float: left;
  display: inline;
  width: 101px;
  background: #fff;
  border: none;
  font-size: 50px;
  color: #e5e5e5;
  font-weight: bold;
  letter-spacing: -0.1em;
  text-align: center !important;
}

.rankBuildSet fieldset {
  float: left;
  width: 610px;
}

button.clear {
  float: right;
  margin-top: 7px;
  width: 60px;
  height: 22px;
  border: none;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -88px;
  text-indent: -5000px;
  opacity: 0.5;
}

p.clear {
  float: right;
  margin-top: 7px;
  width: 60px;
  height: 22px;
  font-size: 12px !important;
  line-height: 22px !important;
  padding: 0 !important;
}
p.clear a:link, p.clear a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
p.clear a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.rankBuildSet li:hover button.clear {
  opacity: 1;
}

button.clear:hover {
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat 0 -110px;
  cursor: pointer;
}

label.rankingsFighterName {
  font-size: 16px;
  width: 520px;
  padding-left: 5px;
  height: 36px;
  line-height: 36px;
  display: inline;
}

input.rankingsFighterName {
  width: 525px;
  display: none;
}

label.rankingComments {
  clear: both;
  display: block;
  font-size: 14px;
  color: #888;
  line-height: 22px;
  padding: 5px;
  height: 22px;
  position: relative;
  z-index: 100;
}

textarea.rankingComments, .ready textarea {
  width: 602px;
  padding: 5px;
  font-size: 14px;
  color: #888;
  line-height: 1.4em;
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 5px;
  border: none;
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.rankBuildSet li:hover textarea.rankingComments {
  background: #f2f2f2;
}

.ready label {
  border-bottom: 1px dotted #c1320b;
}
.ready textarea {
  background: #fff !important;
}

@media (min-width: 961px) {
  .pickSaverWide {
    display: none;
  }
}
@media (max-width: 960px) {
  .pickSaverSidebar {
    display: none;
  }
}
#pickSaverTool {
  position: relative;
  text-align: center;
}
#pickSaverTool h3 {
  text-align: center;
}
#pickSaverTool .saves, #pickSaverTool .allControls, #pickSaverTool .button, #pickSaverTool .completion {
  margin: 0 auto;
  text-align: center !important;
  width: 100%;
}
#pickSaverTool p {
  padding: 0px;
}
#pickSaverTool #countdown,
#pickSaverTool #countdown1,
#pickSaverTool #countdown2 {
  background: #f8f8f8;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
}
#pickSaverTool #countdown span,
#pickSaverTool #countdown1 span,
#pickSaverTool #countdown2 span {
  color: #a88843;
}
#pickSaverTool #countdown span.countdown-period,
#pickSaverTool #countdown1 span.countdown-period,
#pickSaverTool #countdown2 span.countdown-period {
  padding-right: 6px;
}
#pickSaverTool #countdown span.countdown-amount,
#pickSaverTool #countdown1 span.countdown-amount,
#pickSaverTool #countdown2 span.countdown-amount {
  padding-right: 3px;
}
#pickSaverTool #countdown1,
#pickSaverTool #countdown2 {
  margin: 10px 0 20px 0;
}

.pickSaverWide {
  width: 716px;
}
.pickSaverWide.top {
  margin-top: 20px;
}

.rankTool,
.pickSaverSidebar {
  width: 360px;
}

.rankTool,
.pickSaverWide,
.pickSaverSidebar {
  padding: 20px;
  background: #f2f2f2;
  border-radius: 5px;
}
.rankTool h3,
.pickSaverWide h3,
.pickSaverSidebar h3 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.rankTool h3.predBuild,
.pickSaverWide h3.predBuild,
.pickSaverSidebar h3.predBuild {
  font-weight: normal;
  padding: 30px 0 15px 0;
  color: #666;
}
.rankTool h4,
.pickSaverWide h4,
.pickSaverSidebar h4 {
  color: #333;
}
.rankTool p,
.pickSaverWide p,
.pickSaverSidebar p {
  font-size: 14px;
  color: #666;
  line-height: 1.3em;
}
.rankTool p.pad,
.pickSaverWide p.pad,
.pickSaverSidebar p.pad {
  width: 360px;
  padding: 10px 0;
}

.rankTool input#rankSearch {
  float: left;
  width: 288px;
  margin-bottom: 10px;
  padding: 2px;
  height: 18px;
  border: none;
  background: #e1e1e1;
  border-radius: 2px;
}

.fighterRank {
  clear: both;
  width: 350px;
  padding: 5px;
  background: #fff;
  border-radius: 5px;
}

ul.rankCats {
  clear: both;
  width: 350px;
  height: 37px;
  display: block;
  background: transparent url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -182px -293px;
}

.rankCats li {
  float: left;
  display: inline;
  margin-left: 20px;
  line-height: 32px;
  font-weight: bold;
  font-size: 12px;
}
.rankCats li a:link, .rankCats li a:visited {
  height: 32px;
  display: block;
  color: #999;
  text-decoration: none;
  border: none;
}
.rankCats li a:hover {
  color: #c1320b;
  text-decoration: none;
  border: none;
}
.rankCats li a.active {
  color: #000;
  background: url(../png/tab_selected-4caea8678911c5cb3169b97ec2bb96d3ec03914ad531d1ffe6744dc63a0f1d3c.png) no-repeat center bottom;
}

rankBuildSet.rankResults {
  clear: both;
  display: block;
  margin-top: 5px;
}

.rankResults ul {
  height: 280px;
  display: block;
  overflow: auto;
  font-size: 14px;
  padding-top: 5px;
}
.rankResults li {
  padding: 4px 0;
}
.rankResults li:hover {
  text-decoration: underline;
}

#rankSide {
  position: relative;
  float: right;
}
#rankSide h3.left {
  margin-top: 12px;
  float: left;
}

#nameList .chosen {
  text-decoration: line-through;
  color: #666;
}
#nameList li {
  cursor: pointer;
}

/* User Rankings Status Styles
------------------------------------------------------------------- */
table.userRankingsStatus {
  width: 1176px !important;
  width: 756px;
  margin-top: 4px;
  padding: 0;
  text-align: left;
}
table.userRankingsStatus.marTop {
  margin-top: 20px;
}
table.userRankingsStatus tr {
  background: #f5f5f5;
}
table.userRankingsStatus tr:nth-child(2n) {
  background: #e5e5e5;
}
table.userRankingsStatus tr.body:hover {
  background: #eee;
}
table.userRankingsStatus tr.head {
  border-bottom: 5px solid white;
}
table.userRankingsStatus tr.tall {
  height: 40px;
}
table.userRankingsStatus th {
  padding: 0 10px;
  background: #333;
  color: #ccc;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
table.userRankingsStatus th.gutter {
  background: #fff;
  padding: 0;
}
table.userRankingsStatus th.micro {
  width: 3px;
}
table.userRankingsStatus th.center {
  text-align: center;
}
table.userRankingsStatus td {
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
  color: #333;
  font-size: 12px;
}
table.userRankingsStatus td.padLeft {
  padding-left: 10px;
}
table.userRankingsStatus td.center {
  text-align: center;
}
table.userRankingsStatus td.clean a {
  border-bottom: none;
  text-decoration: none;
}
table.userRankingsStatus td.firstLeft {
  border-top-left-radius: 7px;
}
table.userRankingsStatus td.firstRight {
  border-top-right-radius: 7px;
}
table.userRankingsStatus td.lastLeft {
  border-bottom-left-radius: 7px;
}
table.userRankingsStatus td.lastRight {
  border-bottom-right-radius: 7px;
}
table.userRankingsStatus td.grayLinks a:link, table.userRankingsStatus td.grayLinks a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #888;
}
table.userRankingsStatus td.grayLinks a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
table.userRankingsStatus td.spacer {
  width: 20px;
}
table.userRankingsStatus td.green {
  color: #228B22;
}
table.userRankingsStatus td.green a:link, table.userRankingsStatus td.green a:visited {
  color: #228B22;
  text-decoration: none;
  border-bottom: 1px dotted #228B22;
}
table.userRankingsStatus td.green a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.userRankingsStatus td.orange {
  color: #d08d11;
}
table.userRankingsStatus td.orange a:link, table.userRankingsStatus td.orange a:visited {
  color: #d08d11;
  text-decoration: none;
  border-bottom: 1px dotted #d08d11;
}
table.userRankingsStatus td.orange a:hover {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #333 !important;
}
table.userRankingsStatus td span.padLeft {
  padding-left: 10px;
}
table.userRankingsStatus td span.primaryText {
  font-size: 14px;
  font-weight: bold;
}
table.userRankingsStatus td span.subText {
  color: #a88843;
  font-size: 9px;
  padding-left: 5px;
}
table.userRankingsStatus td span.subTextAlt {
  color: #26466d;
  font-size: 9px;
  padding-left: 5px;
}
table.userRankingsStatus td span.subTextBold {
  font-weight: bold;
  color: #a88843;
  font-size: 11px;
  font-variant: small-caps;
}
table.userRankingsStatus img.smallIcon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: block;
}

/* User Ranking Show/Index Styles
------------------------------------------------------------------------ */
ol.myRankings {
  margin-left: 0;
  margin-bottom: 20px;
}

.myDesignedRankings {
  clear: both;
  padding-top: 20px;
}

.myRankings li {
  width: 756px;
  border-bottom: 1px dotted #666;
  padding: 15px 0;
  float: left;
  clear: left;
  display: block;
  font-size: 14px;
}

p.rankNumber {
  float: left;
  display: inline-block;
  width: 91px;
  background: #fff;
  border: none;
  font-size: 50px !important;
  color: #e5e5e5;
  letter-spacing: -0.1em;
  text-align: left;
  margin-right: 20px;
}

.myRankings li img {
  float: left;
  margin-right: 20px;
}
.myRankings li dl {
  float: left;
  width: 528px;
}
.myRankings li dl.narrow {
  width: 471px;
}
.myRankings li dt {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 5px;
}
.myRankings li dd {
  color: #999;
  border: none;
  font-size: 12px;
}
.myRankings li dd.comment {
  color: #333;
  word-wrap: break-word;
  line-height: 1.3em;
  padding: 10px 0 0;
}
.myRankings li dd.stats {
  text-transform: uppercase;
  padding: 3px 0;
  font-weight: bold;
}

/* Ranking Main Styles
------------------------------------------------------------------------ */
.rankingGroup {
  width: 328px;
  padding: 20px 20px 10px 20px;
  background: #f2f2f2;
  margin-top: 10px;
  margin-right: 4px;
  margin-left: 4px;
  display: inline-block;
  border-radius: 5px;
}
.rankingGroup.member {
  background: #edeae1;
}
.rankingGroup h2 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 3px;
}
.rankingGroup h2 a:link, .rankingGroup h2 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingGroup h2 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.rankingGroup h2.consensus {
  margin-bottom: 1px;
}
.rankingGroup h2.member {
  color: #a88843;
}
.rankingGroup p {
  font-size: 12px;
  padding: 8px 0 0 !important;
  color: #333;
  line-height: 1.3em;
}
.rankingGroup p span {
  float: right;
  font-size: 11px;
  text-align: right;
}
.rankingGroup p strong {
  color: #999;
}
.rankingGroup p strong.member {
  color: #a88843;
}

.rankingGroupSpace {
  clear: both;
  border-bottom: 1px solid #fff;
  padding-bottom: 8px;
  width: 328px;
  display: block;
}

.rankingGroupSection {
  clear: both;
  margin-top: 20px;
}

.itemImages {
  margin-top: 29px;
}

.rankingGroupPreview {
  clear: both;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  width: 328px;
  display: block;
}
.rankingGroupPreview.consensus {
  margin-top: 10px;
}
.rankingGroupPreview ol {
  color: #333;
  font-size: 12px;
  margin-left: 0;
}
.rankingGroupPreview li {
  padding: 2px 0;
}
.rankingGroupPreview p {
  font-size: 12px;
  padding: 5px 0 0 !important;
  margin: 0;
}
.rankingGroupPreview p.consensus {
  line-height: 1.5em !important;
}
.rankingGroupPreview p.consensus.altLink a:link, .rankingGroupPreview p.consensus.altLink a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankingGroupPreview p.consensus.altLink a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.rankingGroupPreview img {
  float: left;
  width: 77px;
  height: 77px;
  margin-right: 35px;
}
.rankingGroupPreview img.large {
  width: 129px;
  height: 129px;
  margin-right: 15px;
}
.rankingGroupPreview img.small {
  width: 84px;
  height: 84px;
  margin: 45px 15px 0 0;
}
.rankingGroupPreview img.small.third {
  margin-right: 0px;
}
.rankingGroupPreview img.consensus {
  margin-right: 15px;
  border-radius: 5px;
}

.rankingGroupList {
  float: left;
  width: 211px;
  display: block;
}
.rankingGroupList.consensus {
  width: 235px;
}

/* FightCenter Pages Ranking Styles
------------------------------------------------------------------------ */
.timeSeriesChart {
  padding-bottom: 10px;
}
.timeSeriesChart h4 {
  text-transform: uppercase;
  font-size: 11px;
  margin-left: 20px;
}

.rankInfo {
  clear: both;
  margin-top: 20px;
  padding: 0;
}
.rankInfo.noMargin {
  margin-top: 0;
}
.rankInfo h4 {
  margin-bottom: 10px;
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.rankInfo h4 a:link, .rankInfo h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankInfo h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.rankInfo h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.rankInfo h4 span.help a:link, .rankInfo h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.rankInfo h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.rankInfo table {
  font-size: 12px;
  text-align: left;
}

.rankInfoListHolder {
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px 0 0 10px;
  background: #f4f4f4;
  display: block;
}

.rankInfoListItem {
  border-radius: 5px;
  display: inline-block;
  width: 360px;
  background: white;
  margin: 0 10px 10px 0;
  height: 26px;
}
.rankInfoListItem.extra {
  background: #f4f4f4;
}

.rankInfoListRank {
  padding: 5px 10px;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #a88843;
  width: 40px;
}

.rankInfoListName {
  display: inline-block;
  float: left;
  padding: 7px 0;
  font-size: 12px;
}
.rankInfoListName a:link, .rankInfoListName a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.rankInfoListName a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.boutRankingHolder {
  width: 400px;
  margin: 0 0 0 230px;
}
.boutRankingHolder ul {
  width: 320px;
  line-height: 1.4em;
  font-size: 12px;
}
.boutRankingHolder li {
  padding-top: 10px;
}
.boutRankingHolder li a:link, .boutRankingHolder li a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.boutRankingHolder li a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.boutRankingNumber {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #a88843;
  width: 35px;
}
.boutRankingNumber img {
  width: 16px;
  height: 13px;
}

.rankInfo td.cat, .details td.cat {
  width: 164px;
  padding: 5px 5px;
  text-transform: uppercase;
  font-weight: bold;
  color: #7f7f7f;
}

.rankInfo td.info, .details td.info {
  width: 552px;
  padding: 5px 5px;
  line-height: 1.5em;
}

.rankInfo td.info {
  font-weight: bold;
  color: #333;
}
.rankInfo td.info a:link, .rankInfo td.info a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: 1px dotted #a88843;
}
.rankInfo td.info a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

/* Site Rankings Page Styles
------------------------------------------------------------------------ */
.contributorListImageContainer {
  margin-top: 10px;
  width: 744px;
  padding: 6px;
  background: #f2f2f2;
  border-radius: 5px;
}

ul.contributorGroup li {
  display: inline-block;
  *display: inline;
}

dl.contributor {
  padding: 1px 0 0 1px;
  float: left;
  position: relative;
}
dl.contributor a:link, dl.contributor a:visited {
  text-decoration: none;
  border: none;
}
dl.contributor a:hover {
  text-decoration: none;
  border: none;
}

.contributor_icon {
  border-radius: 5px;
  width: 40px;
  height: 40px;
}

#rankingsMenu {
  float: left;
  width: 174px;
  margin-bottom: 10px;
  display: inline;
}
#rankingsMenu.new {
  float: right;
  width: 244px;
}
#rankingsMenu img {
  margin-left: 60px;
}
#rankingsMenu img.centered {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  transition: opacity 0.2s linear;
  border-radius: 4px;
}
#rankingsMenu h4 {
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #333;
  padding: 0 0 10px;
}
#rankingsMenu ul {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 10px;
  font-size: 11px;
}
#rankingsMenu ul.next {
  background: #edeae1;
  margin-top: 15px;
}
#rankingsMenu li {
  padding: 6px 0;
}
#rankingsMenu li.new {
  width: 224px;
  overflow: hidden;
}
#rankingsMenu li.heading {
  padding-bottom: 10px;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: #333;
  font-size: 12px;
}
#rankingsMenu li.centered {
  text-align: center;
}
#rankingsMenu li.designer {
  line-height: 1.7em;
  color: #333;
}
#rankingsMenu li.subtext {
  padding: 0 0 6px;
  color: #7f7f7f;
}
#rankingsMenu li.category {
  display: block;
  color: #666;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
}
#rankingsMenu li a:link, #rankingsMenu li a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
#rankingsMenu li a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
#rankingsMenu li.selected {
  display: block;
  color: #333;
  border: none;
  padding: 6px 0;
}

ol.siteRankings {
  display: inline;
  width: 562px;
  float: right;
  clear: right;
  margin-left: 0;
}

.siteRankings li {
  clear: both;
  display: block;
  width: 562px;
  padding: 20px 0;
  border-top: 1px dotted #666;
  float: left;
}

.siteRankings input {
  width: 77px;
  text-align: left;
}
.siteRankings img {
  float: left;
  border: 5px solid #f2f2f2;
  margin-right: 20px;
}
.siteRankings dl {
  display: block;
}
.siteRankings dt {
  font-size: 22px;
  font-weight: bold;
  padding: 0 0 5px;
}
.siteRankings dd {
  font-size: 12px;
  color: #666;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 0;
}
.siteRankings dd.event {
  color: #666;
}

ol.numList {
  margin-top: 20px;
  font-size: 14px;
}

.numList li {
  padding: 5px 0;
}
.numList li span.light {
  color: #666;
}
.numList li span.your {
  float: right;
  color: #666;
}

ul.rankCats li.right {
  float: right;
  margin-right: 15px;
}

/* New Ranking Styles
------------------------------------------------------------------------ */
.newRankingOverview {
  clear: left;
  margin-top: 40px;
  width: 492px;
  position: relative;
}
.newRankingOverview h2 {
  text-align: center;
  font-size: 33px;
  font-weight: bold;
  color: #a88843;
  padding-bottom: 15px;
  margin-bottom: 30px;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
  border-bottom: 1px dotted #666;
}
.newRankingOverview ul {
  margin: 20px 0 60px;
  list-style: square;
  list-style-position: inside;
}
.newRankingOverview li {
  color: #333;
  padding: 3px 60px 0;
  font-size: 16px;
  line-height: 1.4em;
}

.newRankButtons {
  margin: 50px 0 35px;
}

.newRankingStart {
  clear: left;
  width: 492px;
  margin-top: 20px;
  border-bottom: 1px dotted #666;
}
.newRankingStart p {
  padding-bottom: 25px !important;
  width: 492px;
  text-align: center;
  color: #666;
}
.newRankingStart h4 {
  padding: 20px 0;
  font-size: 20px;
  color: #a88843;
}

/* Ranking Show Navigation & Search
------------------------------------------------------------------------ */
.rankingShowHeaderSpacer {
  margin-top: 20px;
  width: 756px;
  border-top: 1px dotted #666;
}

.rankingShowNavHolder {
  display: block;
  height: 145px;
  padding: 20px;
  margin-top: 20px;
  background: #f2f2f2;
  border-radius: 5px;
}
.rankingShowNavHolder.regional {
  height: 80px;
}

.rankingShowNavRegionalSelect {
  font-size: 12px;
  font-weight: bold;
  color: #444;
  height: 10px;
}

.rankingShowNavImage {
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.rankingShowNavImage img {
  width: 77px;
  height: 77px;
  border-radius: 5px;
}

.rankingShowNavAbout {
  display: inline-block;
  float: left;
  height: 65px;
  width: 290px;
  padding: 6px 9px;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  background: #f9f9f9;
  margin-right: 16px;
  text-align: left;
  border-radius: 5px;
}
.rankingShowNavAbout a:link, .rankingShowNavAbout a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
.rankingShowNavAbout a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.rankingShowNavLinks {
  display: inline-block;
  float: left;
  width: 297px;
}

.rankingShowNavLink {
  background: #f9f9f9;
  display: inline-block;
  width: 142px;
  line-height: 33px;
  text-align: center;
  font-size: 12px;
  color: #333;
  height: 33px;
  border-radius: 5px;
}
.rankingShowNavLink a:link, .rankingShowNavLink a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
.rankingShowNavLink a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.rankingShowNavLink.left {
  margin-right: 8px;
}
.rankingShowNavLink.top {
  margin-bottom: 11px;
}

.rankingShowNavSearch {
  display: inline-block;
  margin-top: 15px;
  border-top: 1px solid white;
  padding-top: 15px;
  width: 716px;
}
.rankingShowNavSearch ul {
  clear: both;
  with: 716px;
}
.rankingShowNavSearch li {
  width: 185px;
  float: left;
  margin-right: 20px;
}
.rankingShowNavSearch li.designed {
  margin-right: 5px;
  width: 380px;
}
.rankingShowNavSearch li.official {
  margin-right: 5px;
  width: 330px;
}
.rankingShowNavSearch li.button {
  width: 50px;
  margin-top: 15px;
  margin-right: 0px;
}
.rankingShowNavSearch label {
  display: block;
  text-transform: uppercase;
  color: #666;
  font-weight: bold;
  line-height: 18px;
  padding-left: 5px;
  padding-bottom: 4px;
  font-size: 11px;
}
.rankingShowNavSearch select {
  width: 165px;
  background: #9a2809;
  border: none;
  border-radius: 2px;
  padding: 3px 2px;
  color: #f2f2f2;
}
.rankingShowNavSearch select.official {
  width: 310px;
}
.rankingShowNavSearch select.designed {
  width: 360px;
}

/* Shared Styles for Fighter, Event, Bout Ranking Items
------------------------------------------------------------------------ */
ul.rankingItemsList li:nth-child(even) {
  background: #f2f2f2;
}

li.rankingItemsItem {
  padding: 10px 8px;
  width: 740px;
  display: inline-block;
}

p.rankingItemsItemRank {
  float: left;
  display: inline-block;
  width: 70px;
  border: none;
  font-size: 32px !important;
  line-height: 1em !important;
  margin-top: 0px;
  padding: 0 !important;
  color: #888;
  letter-spacing: -0.1em;
  text-align: left;
  margin-left: 10px;
  margin-right: 10px;
}

.rankingItemsItemImage {
  display: inline-block;
  float: left;
  margin-right: 40px;
}
.rankingItemsItemImage.margin {
  margin-left: 50px;
  margin-right: 50px;
}
.rankingItemsItemImage img {
  width: 77px;
  height: 77px;
  border-radius: 5px;
}

.rankingItemsItemRow {
  display: inline-block;
  width: 522px;
}
.rankingItemsItemRow.margin {
  margin-top: 5px;
}
.rankingItemsItemRow h1 {
  text-shadow: none !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 4px 0 3px 0 !important;
}
.rankingItemsItemRow h1.name {
  float: left;
}
.rankingItemsItemRow h1.right {
  float: right;
  color: #a88843 !important;
}
.rankingItemsItemRow p {
  padding: 0 !important;
  font-size: 12px !important;
  color: #555 !important;
}
.rankingItemsItemRow p a:link, .rankingItemsItemRow p a:visited {
  color: #555;
  text-decoration: none;
  border-bottom: none;
}
.rankingItemsItemRow p a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.rankingItemsItemRow p span.right {
  color: #666;
  float: right;
}

/* Ranking Fighter Items
------------------------------------------------------------------------ */
.rankedFighterLastFights {
  width: 522px;
  margin-top: 9px;
  display: inline-block;
  height: 42px;
  border-radius: 5px;
}

.rankedFighterBoutHeader {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
  display: inline-block;
  width: 72px;
  color: #888;
  font-size: 11px;
}

.rankedFighterBout {
  float: left;
  width: 28px;
  height: 38px;
  display: inline-block;
  padding: 0;
  margin-right: 7px;
}
.rankedFighterBout.upcoming {
  width: 114px;
  float: right;
  margin-right: 0;
}

.rankedFighterBoutMethod {
  display: inline-block;
  border-radius: 5px;
  float: left;
  width: 22px;
  color: #555;
  padding: 5px 3px;
  font-size: 10px;
  background: #ffff99;
}
.rankedFighterBoutMethod.win {
  background: #d8f1c4;
}
.rankedFighterBoutMethod.loss {
  background: #f5dbd5;
}
.rankedFighterBoutMethod.draw {
  background: #e6ebfa;
}
.rankedFighterBoutMethod.nc {
  background: #bbb;
}

.rankedFighterBoutUpcomingHolder {
  float: left;
  display: inline-block;
  width: 108px;
}

.rankedFighterBoutUpcoming {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  float: left;
  width: 108px;
  padding: 5px 3px;
  font-size: 10px;
  background: #c1320b;
  color: #fff;
}
.rankedFighterBoutUpcoming a:link, .rankedFighterBoutUpcoming a:visited {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
}
.rankedFighterBoutUpcoming a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.rankedFighterBoutRow {
  display: inline-block;
  width: 28px;
  text-align: center;
  height: 18px;
}
.rankedFighterBoutRow.upcoming {
  width: 114px;
}

.rankedFighterBoutEvent {
  padding-top: 4px;
  color: #666;
  font-size: 10px;
}
.rankedFighterBoutEvent a:link, .rankedFighterBoutEvent a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.rankedFighterBoutEvent a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.regionFCSidebar {
  border-radius: 5px;
}
.regionFCSidebar a:link, .regionFCSidebar a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.regionFCSidebar a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.regionFCsidebarLogo {
  text-decoration: none;
}
.regionFCsidebarLogo img {
  opacity: 0.9;
  transition: opacity 0.2s linear;
}
.regionFCsidebarLogo img:hover {
  opacity: 1;
}
.regionFCsidebarLogo a,
.regionFCsidebarLogo a:hover {
  text-decoration: none;
  border-bottom: none;
}
.regionFCsidebarLogo img {
  border-radius: 10px;
  width: calc(100% - 30px);
  margin-bottom: 10px;
}

.regionIndex {
  border-top: 1px dotted #666;
  margin-top: 15px;
  padding-top: 20px;
}
.regionIndex h4 {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.regionIndex h4 a:link, .regionIndex h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.regionIndex h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.regionIndex h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.regionIndex h4 span.help a:link, .regionIndex h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.regionIndex h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}

.regionIndexGroups {
  padding-top: 25px;
}
.regionIndexGroups h6 {
  font-size: 15px;
  padding-bottom: 8px;
  text-align: center;
}
.regionIndexGroups ul {
  width: 756px;
  margin-bottom: 20px;
}
.regionIndexGroups li {
  width: 135px;
  display: inline-block;
  margin: 0 6px;
}

.regionPartnerHeading {
  float: left;
  display: inline-block;
  margin-left: 10px;
  width: 320px;
}

.regionPartner {
  float: left;
  display: inline-block;
  width: 135px;
}
.regionPartner img {
  max-width: 135px;
}
.regionPartner.margin {
  margin-right: 20px;
}

.regionIndexImage {
  color: #555;
  text-decoration: none;
}
.regionIndexImage a:link, .regionIndexImage a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: none;
}
.regionIndexImage a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.regionIndexImage img {
  opacity: 0.85;
  transition: opacity 0.2s linear;
}
.regionIndexImage img:hover {
  opacity: 1;
}
.regionIndexImage img {
  width: 135px;
  height: 135px;
  border-radius: 10px;
}

.regionUpcomingPoster {
  margin-bottom: 20px;
}
.regionUpcomingPoster img {
  width: 380px;
}

.regionParentChildRegionsContainer {
  margin-top: 20px;
  display: block;
}
.regionParentChildRegionsContainer h4 {
  clear: both;
  padding: 0 10px;
  width: 736px;
  height: 32px;
  background: #e6e6e6;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
.regionParentChildRegionsContainer h4 a:link, .regionParentChildRegionsContainer h4 a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.regionParentChildRegionsContainer h4 a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.regionParentChildRegionsContainer h4 span.help {
  float: right;
  font-size: 11px;
  text-transform: none;
}
.regionParentChildRegionsContainer h4 span.help a:link, .regionParentChildRegionsContainer h4 span.help a:visited {
  color: #888;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.regionParentChildRegionsContainer h4 span.help a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #fff !important;
}
.regionParentChildRegionsContainer p {
  margin-top: 10px;
  background: #f4f4f4;
  padding: 15px 10px !important;
  font-size: 12px;
  border-radius: 5px;
}

.regionEventsPreview {
  float: left;
  margin-left: 0;
  margin-bottom: 20px;
  width: 358px;
}
.regionEventsPreview.second {
  margin-left: 30px;
}

.regionHomeNav {
  display: block;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px dotted #666;
}

.regionHomeLinks {
  border-radius: 5px;
  display: inline-block;
  float: left;
  width: auto;
  padding: 10px;
  background: #f2f2f2;
  margin-bottom: 20px;
}
.regionHomeLinks h4 {
  font-size: 13px;
  text-align: center;
}

.regionHomeLink {
  display: inline-block;
  float: left;
  width: 135px;
  height: 30px;
  line-height: 30px;
  background: #f9f9f9;
  margin-top: 10px;
  font-size: 12px;
  border-radius: 5px;
}
.regionHomeLink a:link, .regionHomeLink a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.regionHomeLink a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.regionHomeLink.left {
  margin-left: 10px;
}

.regionRankingsPreview {
  margin-top: 20px;
}

.regionRankingPreviewFightersContainer {
  display: block;
  height: 332px;
  margin-bottom: 20px;
}

.regionRankingPreviewFighter {
  display: inline-block;
  width: 116px;
  height: 134px;
  margin: 10px 5px 20px 5px;
  float: left;
}

.regionRankingPreviewFighterName {
  display: inline-block;
  width: 110px;
  font-size: 11px;
  line-height: 15px;
  height: 30px;
  margin-bottom: 5px;
}
.regionRankingPreviewFighterName a:link, .regionRankingPreviewFighterName a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
.regionRankingPreviewFighterName a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}
.regionRankingPreviewFighterName span {
  font-size: 15px;
  font-weight: bold;
  color: #866d36;
}

.regionRankingPreviewFighterImage {
  width: 116px;
  height: 116px;
}
.regionRankingPreviewFighterImage img {
  border-radius: 5px;
  width: 116px;
  height: 116px;
}

/* Region Regional Ranking Page (index for a region)
------------------------------------------------------------------------ */
ul.regionRegionalRankings {
  display: block;
  margin-top: 20px;
}
ul.regionRegionalRankings li:nth-child(2n) {
  margin-right: 0;
}
ul.regionRegionalRankings li {
  display: inline-block;
  background: #f2f2f2;
  border-radius: 5px;
  height: 235px;
  width: 366px;
  margin-right: 20px;
  margin-bottom: 20px;
}
ul.regionRegionalRankings li:hover {
  background: #eee;
}
ul.regionRegionalRankings li:hover .regionRegionalRankingTopItem a:link, ul.regionRegionalRankings li:hover .regionRegionalRankingTopItem a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
ul.regionRegionalRankings li:hover .regionRegionalRankingTopItem a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
ul.regionRegionalRankings li:hover .regionRegionalRankingFirstHolder {
  background: #fff;
}
ul.regionRegionalRankings li:hover .regionRegionalRankingFirstName a:link, ul.regionRegionalRankings li:hover .regionRegionalRankingFirstName a:visited {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
ul.regionRegionalRankings li:hover .regionRegionalRankingFirstName a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

.regionRegionalRankingTitle {
  width: 326px;
  margin: 15px 20px 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
}
.regionRegionalRankingTitle h2 {
  text-align: center;
  font-size: 15px;
}

.regionRegionalRankingFirst {
  display: block;
  margin: 10px 20px;
  width: 326px;
  height: 77px;
}

.regionRegionalRankingFirstPhoto {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
.regionRegionalRankingFirstPhoto img {
  border-radius: 5px;
  width: 77px;
  height: 77px;
}

.regionRegionalRankingFirstHolder {
  display: inline-block;
  float: left;
  border-radius: 5px;
  width: 199px;
  padding: 10px 15px;
  background: #f9f9f9;
  height: 57px;
}

.regionRegionalRankingFirstName {
  display: inline-block;
  float: left;
  width: 199px;
  height: 14px;
  margin-bottom: 7px;
  line-height: 14px;
  font-size: 14px;
  color: #a88843;
}
.regionRegionalRankingFirstName a:link, .regionRegionalRankingFirstName a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #333;
}
.regionRegionalRankingFirstName a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.regionRegionalRankingFirstInfo {
  color: #333;
  display: inline-block;
  line-height: 20px;
  float: left;
  font-size: 12px;
}

.regionRegionalRankingTopTen {
  display: inline-block;
  margin: 0 10px 10px 10px;
}

.regionRegionalRankingTopItem {
  display: inline-block;
  float: left;
  font-size: 12px;
  margin: 0 10px;
  width: 152px;
  height: 18px;
  line-height: 18px;
}
.regionRegionalRankingTopItem a:link, .regionRegionalRankingTopItem a:visited {
  color: #333;
  text-decoration: none;
  border-bottom: none;
}
.regionRegionalRankingTopItem a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

.regionRegionalRankingItemNumber {
  display: inline-block;
  text-align: center;
  color: #a88843;
  width: 15px;
  margin-right: 3px;
}
.regionRegionalRankingItemNumber img {
  height: 9px;
}

/* Search and News Ticker Styles
------------------------------------------------------------------------ */
section.searchNews {
  clear: both;
  padding: 0 20px;
}
section.searchNews.egSkin {
  background: #fff;
}
section.searchNews form.mainSearch {
  position: relative;
  height: 40px;
  padding: 6px;
  border-radius: 5px;
  background: #c1320b;
}
section.searchNews form.mainSearch input#siteSearch {
  float: left;
  height: 18px;
  padding: 2px;
  background: #fff;
  border: none;
  border-radius: 2px;
}
section.searchNews form.mainSearch span.searchBtn {
  float: left;
  margin-left: 5px;
  display: inline;
  width: 60px;
  height: 22px;
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -44px;
}
section.searchNews form.mainSearch span.searchBtn.searchForm {
  margin-top: 8px;
}
section.searchNews form.mainSearch span.searchBtn.index {
  margin-top: 4px;
}
section.searchNews form.mainSearch span.searchBtn:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -60px -66px;
  cursor: pointer;
}
section.searchNews form.mainSearch span.searchBtn input#search {
  width: 60px;
  height: 22px;
  display: block;
  opacity: 0;
}
section.searchNews form.mainSearch ul.mainSearchCat {
  clear: both;
  display: block;
}
section.searchNews form.mainSearch ul.mainSearchCat li {
  float: left;
  position: relative;
  width: 64px;
  height: 10px;
}
section.searchNews form.mainSearch ul.mainSearchCat input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
section.searchNews form.mainSearch ul.mainSearchCat label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 64px;
  height: 11px;
  padding-top: 8px;
  display: block;
  background: #c1320b;
  color: #dd8e79;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
section.searchNews form.mainSearch ul.mainSearchCat label:hover {
  color: #fff;
  cursor: pointer;
}
section.searchNews form.mainSearch ul.mainSearchCat label.searchSelected {
  background: #c1320b url(../png/search_select-d2b1a4c93a146503736b71d6fa7d48a65630ad067223295ad857e2306551ff48.png) no-repeat top center;
  color: #fff;
}
section.searchNews form.mainSearch #searchSuggest {
  width: 480px;
  border: 3px solid #ccc;
  padding: 10px;
  position: absolute;
  top: 52px;
  left: 0;
  z-index: 1000;
  background: #fff;
  border-radius: 5px;
}
section.searchNews form.mainSearch #searchSuggest ul {
  font-size: 12px;
  text-align: left;
  color: #666;
}
section.searchNews form.mainSearch #searchSuggest li {
  padding: 10px 5px;
  border-bottom: 1px dotted #666;
}
section.searchNews form.mainSearch #searchSuggest li span.star {
  font-weight: bold;
}
section.searchNews form.mainSearch #searchSuggest li span.right {
  font-size: 11px;
  float: right;
}
section.searchNews form.mainSearch #searchSuggest li:hover {
  background: #f2f2f2;
}

div.newsTicker {
  position: absolute;
  display: inline;
  height: 40px;
  padding: 6px;
  float: left;
  border-radius: 5px;
  background: #c1320b;
  overflow: hidden;
}
div.newsTicker div.newsContent {
  height: 40px;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  position: relative;
  display: block;
  float: left;
  background: #f2f2f2;
}
div.newsTicker div.newsContent:hover {
  background: #fff;
  cursor: default;
}
div.newsTicker div.newsContent.liveEvent {
  background: #ffff99;
}
div.newsTicker div.newsContent ul {
  width: 2000px;
  height: 35px;
  display: block;
  opacity: 1;
  font-size: 14px;
  overflow: hidden;
}
div.newsTicker div.newsContent ul:hover {
  opacity: 1;
  cursor: default;
}
div.newsTicker div.newsContent li {
  float: left;
  display: block;
  position: relative;
  height: 35px;
  line-height: 22px;
  margin-top: 3px;
  margin-left: 3px;
  color: #666;
}
div.newsTicker div.newsContent li span {
  height: 22px;
  padding: 6px 6px 6px 38px;
  display: block;
  background: transparent url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -718px 0;
  border-radius: 2px;
}
div.newsTicker div.newsContent li span:hover {
  background: url(../png/tapology_sprite_buttons-218590f6d50b4b9348d32fb9571e4a4845895f63126506d892a3724c692db954.png) no-repeat -718px -34px;
}
div.newsTicker div.newsContent li span.liveEvent {
  background: none;
  padding-left: 6px;
}
div.newsTicker div.newsContent img {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  position: relative;
  float: left;
}
div.newsTicker div.newsContent img.flag {
  padding-top: 5px;
  height: 11px;
  width: 17px;
}
div.newsTicker span.tickerBtn, div.newsTicker span.tickerPause {
  float: left;
  width: 30px;
  height: 40px;
}
div.newsTicker span.tickerBtn {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -48px -81px;
}
div.newsTicker span.tickerBtn:hover {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -78px -81px;
}
div.newsTicker span.tickerPause {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -48px -121px;
}
div.newsTicker span.tickerPause:hover {
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -78px -121px;
}
div.newsTicker span input#pausePlay {
  width: 30px;
  height: 40px;
  display: block;
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -48px -81px;
  opacity: 0;
  cursor: pointer;
}

section.subSearchNews {
  height: 20px;
  padding: 0 20px;
  margin: 0 auto 0 auto;
}
section.subSearchNews.egSkin {
  background: #fff;
}

@media (min-width: 961px) {
  section.subSearchNews {
    width: 1176px;
  }
  section.searchNews {
    width: 1176px;
    margin: 0 auto 0 auto;
  }
  section.searchNews form.mainSearch {
    float: left;
    width: 259px;
    margin-right: 20px;
    display: inline;
  }
  section.searchNews form.mainSearch input#siteSearch {
    width: 190px;
  }
  div.newsTicker {
    top: -72px;
    right: 20px;
    width: 873px;
  }
  div.newsTicker div.newsContent {
    width: 843px;
  }
}
@media (max-width: 960px) {
  section.subSearchNews {
    width: 796px;
  }
  section.searchNews {
    width: 796px;
    box-sizing: border-box;
    margin: 0 auto 15px auto;
  }
  body[data-width=fluid] section.searchNews {
    width: initial;
    min-width: 400px;
  }
  section.searchNews form.mainSearch input#siteSearch {
    width: calc(100% - 70px);
  }
  div.newsTicker {
    display: none;
  }
}
/* Site Search Styles
------------------------------------------------------------------------ */
.searchFormSpacer {
  margin-bottom: 20px;
}

form.siteSearch {
  clear: both;
  margin-bottom: 20px;
  padding: 30px 20px;
  background: #f2f2f2;
  border-radius: 5px;
}

input#searchField {
  float: left;
  border: none;
  background: #e1e1e1;
  border-radius: 3px;
  padding: 5px;
  font-size: 22px;
  color: #9a2809;
  width: 529px;
  margin-right: 15px;
  font-family: Arial, Helvetica, sans-serif;
}
input#searchField:focus {
  background: orange;
}
input#searchField:select {
  background: orange;
}

.ajaxStateHolder {
  width: 24px;
  display: inline-block;
  text-align: center;
}

.ajaxRecordHolder {
  width: 50px;
  display: inline-block;
  text-align: right;
}

.ajaxFlagHolder {
  width: 18px;
  display: inline-block;
}

form.siteSearch ul {
  padding-top: 20px;
  clear: both;
  display: block;
}
form.siteSearch li {
  float: left;
  display: inline;
  margin-right: 12px;
  font-size: 14px;
}

dl.searchCats {
  float: left;
  margin: 0px 0px 30px 20px;
  width: 230px;
}

.searchCats dt {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
  padding: 15px 0 5px;
}

dt.searchSubCat {
  padding-top: 5px;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

.searchCats dd {
  font-size: 14px;
  padding: 4px 0;
}
.searchCats dd.break {
  padding-top: 12px;
}
.searchCats dd.superAdmin a:link, .searchCats dd.superAdmin a:visited {
  color: #26466d;
  text-decoration: none;
  border-bottom: 1px dotted #26466d;
}
.searchCats dd.superAdmin a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

h4.resultsInfo {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #baa672;
  padding: 20px 0 0;
}

form#searchRefine {
  padding: 20px;
  background: #f2f2f2;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#searchRefine h5 {
  clear: both;
  margin: 0 0 20px;
  padding: 0;
}
#searchRefine ul {
  clear: both;
  with: 716px;
}
#searchRefine li {
  width: 185px;
  float: left;
  margin-right: 20px;
}
#searchRefine li.small {
  width: 120px;
}
#searchRefine li.button {
  width: 50px;
  margin-top: 15px;
  margin-right: 0px;
}
#searchRefine label {
  display: block;
  text-transform: uppercase;
  color: #777;
  font-weight: bold;
  line-height: 18px;
  padding-left: 5px;
  font-size: 11px;
}
#searchRefine select {
  width: 165px;
  background: #e1e1e1;
  border: none;
  border-radius: 2px;
  padding: 3px 2px;
  color: #333;
}
#searchRefine select.small {
  width: 100px;
}

p.pagination {
  border-top: 1px dotted #999;
  padding: 15px 0 !important;
}

img.siteSearchLogo {
  width: 35px;
  height: 35px;
  padding: 2px;
  border-radius: 5px;
}
img.siteSearchLogo.promotion {
  margin-left: 10px;
}

img.rollingPickTier {
  width: 28px;
  height: 28px;
  padding: 6px;
}

table.siteSearchResults {
  margin-top: 10px;
  width: 756px;
  padding: 0;
  text-align: left;
}
table.siteSearchResults img {
  display: block;
}
table.siteSearchResults tr {
  height: 32px;
}
table.siteSearchResults tr:nth-child(2n) {
  background: #f5f5f5;
}
table.siteSearchResults tr:nth-child(2) {
  border-top: 10px solid white;
  height: 40px;
}
table.siteSearchResults th {
  padding: 0 10px;
  background: #e6e6e6;
  color: #7f7f7f;
  font-size: 12px;
  text-transform: uppercase;
  text-align: left;
  line-height: 32px;
  border-radius: 5px;
}
table.siteSearchResults th.gutter {
  background: #fff;
  padding: 0;
  width: 12px;
  display: block;
}
table.siteSearchResults td {
  padding: 0;
  line-height: 1.4em;
  vertical-align: middle;
  color: #444;
  font-size: 12px;
  text-indent: 10px;
}
table.siteSearchResults td.grayLinks a:link, table.siteSearchResults td.grayLinks a:visited {
  color: #444;
  text-decoration: none;
  border-bottom: 1px dotted #444;
}
table.siteSearchResults td.grayLinks a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}

/* User Stats Page Styles
------------------------------------------------------------------------ */
.feed_icon {
  width: 67px;
  height: 67px;
}

img.statLeader {
  width: 34px;
  height: 34px;
  margin-top: 4px;
  border-radius: 3px;
}

ul.userStats {
  font-size: 15px;
  padding: 20px;
}

.userStats li {
  line-height: 1.8em;
  color: #333;
}
.userStats li span.bold {
  color: #a88843;
  font-weight: bold;
}

ul.subUserStats {
  font-size: 15px;
  list-style-type: circle;
  list-style-position: inside;
  padding-left: 20px;
}

.subUserStats li {
  line-height: 1.6em;
  color: #333;
}

/* User Reference Heading Styles
------------------------------------------------------------------------ */
.userRefHeading {
  border-bottom: 1px dotted #666;
  padding-bottom: 15px;
}

.user {
  float: right;
  width: 250px;
  text-align: right;
}
.user.forum {
  width: 80px;
}
.user img {
  float: right;
  width: 67px;
  height: 67px;
  border: 5px solid #f2f2f2;
  margin-left: 20px;
  transition: opacity 0.2s linear;
}
.user img:hover {
  opacity: 0.7;
}
.user dl {
  text-align: right;
}
.user dt {
  font-size: 16px;
  font-weight: bold;
  color: #a88843;
  padding: 5px 0;
}
.user dt a:link, .user dt a:visited {
  color: #a88843;
  text-decoration: none;
  border-bottom: none;
}
.user dt a:hover {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #000 !important;
}
.user dd {
  font-size: 11px;
  color: #666;
  padding: 5px 0;
}
.user dd.followerSpecs {
  font-weight: bold;
  color: #000;
}
.user dd.light {
  color: #7f7f7f;
}

/* Profile Page Styles
------------------------------------------------------------------------ */
.userRollingPickPreviews {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: center;
  gap: 25px 45px;
  flex-wrap: wrap;
}

.userRollingPickPreview {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  padding: 8px;
  border: 1px solid #ddd;
}
.userRollingPickPreview .urpLeague img {
  width: 50px;
  height: 50px;
}
.userRollingPickPreview .urpIcon {
  margin-top: 10px;
  height: 30px;
}
.userRollingPickPreview .urpIcon img {
  width: 30px;
  height: 30px;
}
.userRollingPickPreview .urpTier {
  margin-top: 5px;
  color: #a88843;
  font-size: 10px;
}
.userRollingPickPreview .urpStats {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 5px;
  margin-top: 15px;
  padding: 8px;
  width: 114px;
  background: #f5f5f5;
}
.userRollingPickPreview .urpStat {
  font-size: 11px;
  color: #666;
}
.userRollingPickPreview .urpStat a:link, .userRollingPickPreview .urpStat a:visited {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}
.userRollingPickPreview .urpStat a:hover {
  color: #c1320b;
  text-decoration: none;
  border-bottom: 1px solid #c1320b !important;
}

ul.followGroup li {
  display: inline-block;
  *display: inline;
}

.userHeader {
  clear: both;
  width: 756px;
  height: 50px;
  margin-bottom: 20px;
  position: relative;
  display: block;
}

.userHeaderName {
  display: inline-block;
  float: left;
}

.userHeaderSettings {
  border-radius: 5px;
  float: right;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 160px;
  height: 50px;
  background: #f2f2f2;
}
.userHeaderSettings.blocked {
  background: #efd7d7;
}
.userHeaderSettings.followed {
  background: #d1f7d2;
}

.userRelationshipStatus {
  width: 110px;
  align-self: center;
}
.userRelationshipStatus span {
  font-size: 12px;
  color: #333;
  line-height: 1.2em;
}

.userRelationshipToggler {
  cursor: pointer;
}
.userRelationshipToggler a:link, .userRelationshipToggler a:visited, .userRelationshipToggler a:hover {
  text-decoration: none;
  border-bottom: none;
}
.userRelationshipToggler a:link, .userRelationshipToggler a:visited {
  color: #333;
}
.userRelationshipToggler a:hover {
  color: #c1320b;
}
.userRelationshipToggler i {
  display: block;
  font-size: 28px;
}

p.userFormMargin {
  color: #666;
  margin: 10px 0;
}

p.userForm {
  color: #666;
}

.userPrefs {
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 268px;
}
.userPrefs.image {
  margin-left: 302px;
  width: 150px;
}

.userInfo {
  clear: both;
  margin-bottom: 20px;
}

dl#photoRank {
  float: left;
  clear: left;
  width: 271px;
}

#photoRank dt {
  border: 5px solid #f2f2f2;
}
#photoRank dt img {
  width: 261px;
  height: auto;
}
#photoRank dd {
  margin: 10px 0 0;
  height: 20px;
  width: 261px;
  line-height: 20px;
  padding: 0 5px;
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
}
#photoRank dd.addImage {
  color: #a88843;
  font-size: 14px;
  text-align: center;
}
#photoRank dd span {
  float: right;
  margin-top: 3px;
  width: 14px;
  height: 14px;
  display: inline-block;
  text-indent: -5000px;
  overflow: hidden;
  background: url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -314px -161px;
}
#photoRank dd span a {
  text-decoration: none;
  border: none;
  cursor: pointer;
  width: 14px;
  height: 14px;
  display: block;
}
#photoRank dd.white {
  background: #ccc;
}
#photoRank dd.orange {
  background: #cc6d2f;
}
#photoRank dd.blue {
  background: #4069bf;
}
#photoRank dd.purple {
  background: #462864;
}
#photoRank dd.brown {
  background: #6f4e0b;
}
#photoRank dd.black {
  background: #000;
}
#photoRank dd.coral {
  background: url(../png/belt_top_coral-f746a50198c073099ff733715c2b7e6c0b46e20774a3387ce4dae47c541dafba.png) no-repeat;
}
#photoRank dd.red {
  background: #c1320b;
}
#photoRank dd.spider {
  background: url(../png/belt_top_spider-d32b0cb3a790f053a29796f634079a11a6e5b9b8b6ec0bb8a236a68b21c09dc3.png) no-repeat;
}
#photoRank dd.camo {
  background: url(../png/belt_top_camo-ce0cf8931260765895aec28e1289a0d4227ede3908d310ab9ce5404d9499ec86.png) no-repeat;
}
#photoRank dd.iceman {
  background: url(../png/belt_top_iceman-f24cc9f4787297ea8a40b0ab1072d2134a3f37be7b9ab2a98d0bc08da9f8e50f.png) no-repeat;
}
#photoRank dd.pacman {
  background: url(../png/belt_top_pacman-79a6ddf0e3b826c1d45fd8df9d7597707332045f3a030dd14287a503a1c1c210.png) no-repeat;
}
#photoRank dd.fedor {
  background: url(../png/belt_top_fedor-4218f15f52484d7c83b0a4bb3ac6665f3fabef30ef31ba9122a9871eabb439a1.png) no-repeat;
}
#photoRank dd.bacon {
  background: url(../png/belt_top_bacon-18f3141d0d122556347176976d5dacad6e4f7e477d6ea6cf48dedb8d66afbeda.png) no-repeat;
}
#photoRank dd.money {
  background: url(../png/belt_top_money-e7a812c47a2a6c312fd4ec43d63abd790421099306f9bd371bed13ea3e8fb1c2.png) no-repeat;
}
#photoRank dd.cookie {
  background: url(../png/belt_top_cookie-13da85276f3458499748e8b0c67b17e88f320ec6f168c6768aa70b78eb50f44c.png) no-repeat;
}
#photoRank dd.brasil {
  background: url(../png/belt_top_brasil-b7374ffced9311e2958b16bc1080f6e86aab3ac6b4c10afc6ec379edddc0d95f.png) no-repeat;
}
#photoRank dd.japan {
  background: url(../png/belt_top_japan-6d964af132eac2345941e4e913b8597e8d59022f5782ff6c311e366ad0de8737.png) no-repeat;
}
#photoRank dd.quebecois {
  background: url(../png/belt_top_quebecois-be181c52142891db6ccd183e2cb48f8c239f77ff17c9238c786f34b14716a84e.png) no-repeat;
}
#photoRank dd.mexico {
  background: url(../png/belt_top_mexico-f1e6bb7244b1181afd7dc811581a65a40b87ba87ed93cc365f949ea599c5cc10.png) no-repeat;
}
#photoRank dd.silver {
  background: url(../png/belt_top_silver-adf83087e17c5b5f7631a7d3b65149f7e49eb46ecdb2e24b977f1b3cd7200a87.png) no-repeat;
}
#photoRank dd.tapology {
  background: url(../png/belt_top_tapology-f5ae738feb3c15348784503b6b4a0bb82f33d324afe8ba45ef7875a654ef339e.png) no-repeat;
}
#photoRank dd.teal {
  background: url(../png/belt_top_teal-1e100df55cb8b38ef8633f8be42856af808883bd3eda02574c3a2738317f00cd.png) no-repeat;
}
#photoRank dd.crimson {
  background: url(../png/belt_top_crimson-f26ea12113af7bc11eba2d74feb0d10016c3ee56cbcbb05356db12b05040c5b2.png) no-repeat;
}
#photoRank dd.spacedClassic {
  height: 37px;
  top: -1px;
}
#photoRank dd.spacedNew {
  height: 36px;
  top: 0;
}
#photoRank dd.spacedClassic, #photoRank dd.spacedNew {
  width: 271px;
  display: block;
  text-indent: -5000px;
  margin: 0;
  padding: 0;
  position: relative;
}
#photoRank dd.whiteTails {
  background: url(../png/belttails_white-7dd463426edea5e3584d315fa2edb3e831dcfc7757d16f45062f40b948b8392a.png) no-repeat;
}
#photoRank dd.orangeTails {
  background: url(../png/belttails_orange-f751ddb1ba1b24b76ce716eb13835d5aa1eedb2f3ba0b80cac3ad13476ed78cf.png) no-repeat;
}
#photoRank dd.blueTails {
  background: url(../png/belttails_blue-e317484212edc8c56ce6f80f75ee696bd213aef116803c409b293410cc40627f.png) no-repeat;
}
#photoRank dd.purpleTails {
  background: url(../png/belttails_purple-b0e6b02e66cd193e44a126055c7a4f9430fc84edbd78447f00e407744ddfc132.png) no-repeat;
}
#photoRank dd.brownTails {
  background: url(../png/belttails_brown-3dea26a61828d3d7a17814484e19d1eede31f334030629036627ca529212884f.png) no-repeat;
}
#photoRank dd.blackTails {
  background: url(../png/belttails_black-d1196de02434740cfd0c2c5f81111e6ecab662690f60a325dd10a99642b20e49.png) no-repeat;
}
#photoRank dd.coralTails {
  background: url(../png/belttails_coral-805b2db8510f9e7a09f19cbcf15630cdae9ebde0e6bb7c8b747d5bdbbb44afb9.png) no-repeat;
}
#photoRank dd.redTails {
  background: url(../png/belttails_red-2779b4b6e964f3efb25828a29c237d047d7085035cb73355b21f9070a24aa451.png) no-repeat 0 0;
}
#photoRank dd.spiderTails {
  background: url(../png/belttails_spider-14890a8a11b8295e5f34d01a61bdb85b770577c593a2690c1c09f3a03e8c2c3a.png) no-repeat 0 0;
}
#photoRank dd.camoTails {
  background: url(../png/belttails_camo-fb78378c3d33dfda147f1f7f68b7dfc340402cbca5fd452708250ad008675176.png) no-repeat 0 0;
}
#photoRank dd.icemanTails {
  background: url(../png/belttails_iceman-24fd588fc086c7512567afd89a4e9365a0de42650768a9a718d80687388d854d.png) no-repeat 0 0;
}
#photoRank dd.pacmanTails {
  background: url(../png/belttails_pacman-ed8bdfb9eae946a03d85ada0faa6d02749eca5298b23e549add8fce22316767d.png) no-repeat 0 0;
}
#photoRank dd.fedorTails {
  background: url(../png/belttails_fedor-3913fc94f49178134e22e80c78a065dac72773d8dd24913365448d09c38f7894.png) no-repeat 0 0;
}
#photoRank dd.baconTails {
  background: url(../png/belttails_bacon-2d1199fe5e21b23fb80b966269bde928f50e16b865f3a4e9f70d3f771c955644.png) no-repeat 0 0;
}
#photoRank dd.moneyTails {
  background: url(../png/belttails_money-707dfc67b3223dd9de3182b3d9032799834bde93476768d65a1e3998228c4349.png) no-repeat 0 0;
}
#photoRank dd.cookieTails {
  background: url(../png/belttails_cookie-d821269910814d29a6c5adf934a554b000f99d3e0d201ec11e6bad221961ff89.png) no-repeat 0 0;
}
#photoRank dd.brasilTails {
  background: url(../png/belttails_brasil-e3f3ccebda60e4796d81ed2bf169d74e7052dc855303c42886e672bd6a627825.png) no-repeat 0 0;
}
#photoRank dd.japanTails {
  background: url(../png/belttails_japan-8427758c811ac7169b432a949f8bac0431df4ec26d5e621298f6d6e95a923131.png) no-repeat 0 0;
}
#photoRank dd.quebecoisTails {
  background: url(../png/belttails_quebecois-e9606ebf9633c438ad040b28139342ebdf84df43120af86033a6b729f592fe78.png) no-repeat 0 0;
}
#photoRank dd.mexicoTails {
  background: url(../png/belttails_mexico-a218d18b97e4587685d6ec21c1335e47b5ad0310b7d8165e5dfe43b1375ab5b4.png) no-repeat 0 0;
}
#photoRank dd.silverTails {
  background: url(../png/belttails_silver-f3a053670801a08504331d8357cc242bfae57b29697011f43141b75970491c19.png) no-repeat 0 0;
}
#photoRank dd.tapologyTails {
  background: url(../png/belttails_tapology-4f37c53460a39a4dcf40d2c9dad1d93ee4b5beaae31cd34cf74198909492f18c.png) no-repeat 0 0;
}
#photoRank dd.tealTails {
  background: url(../png/belttails_teal-aff4011f58d138eae88fe58702a1c22e2bcce3bbbe2f4ef71095ebbb1f7f141c.png) no-repeat 0 0;
}
#photoRank dd.crimsonTails {
  background: url(../png/belttails_crimson-b0a827ecd069e18814e9395d48edae3acf6c87e8fca2c75c1f329aa8b8143e74.png) no-repeat 0 0;
}
#photoRank dd.zero {
  background-position: 0 -147px;
}
#photoRank dd.zeroAlt {
  background-position: 0 -156px;
}
#photoRank dd.one {
  background-position: 0 0;
}
#photoRank dd.oneAlt {
  background-position: 0 0;
}
#photoRank dd.two {
  background-position: 0 -37px;
}
#photoRank dd.twoAlt {
  background-position: 0 -39px;
}
#photoRank dd.three {
  background-position: 0 -74px;
}
#photoRank dd.threeAlt {
  background-position: 0 -78px;
}
#photoRank dd.four {
  background-position: 0 -111px;
}
#photoRank dd.fourAlt {
  background-position: 0 -117px;
}
#photoRank dd.five {
  background-position: 0 -185px;
}
#photoRank dd.six {
  background-position: 0 -223px;
}
#photoRank dd.seven {
  background-position: 0 -260px;
}
#photoRank dd.eight {
  background-position: 0 -297px;
}

.userContainer {
  clear: both;
  margin: 20px 0;
  border-bottom: 1px dotted #666;
}
.userContainer.picks {
  border-bottom: none;
}

#userQuote {
  float: left;
  margin-left: 23px;
  width: 225px;
}
#userQuote p {
  position: relative;
  word-wrap: break-word;
  top: 10px;
  padding-bottom: 4px;
}
#userQuote h5 {
  text-transform: none;
  word-wrap: break-word;
  font-style: italic;
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  padding: 15px 0;
  margin: 0;
  width: 225px;
  line-height: 1.4em;
  font-size: 13px;
}

#userAbout {
  background: #f9f9f9;
  width: 696px;
  margin-left: 10px;
  border-radius: 5px;
  padding: 20px;
}
#userAbout p {
  position: relative;
  word-wrap: break-word;
  padding-bottom: 4px;
}

#userActivity {
  float: left;
  width: 214px;
  margin-left: 23px;
}
#userActivity p {
  font-size: 14px;
  font-weight: bold;
  border-top: 1px dotted #666;
  padding: 10px 0;
}
#userActivity ul {
  font-size: 11px;
}
#userActivity li {
  border-top: 1px dotted #666;
  padding: 15px 0 15px;
  color: #000;
}
#userActivity li.last {
  border-bottom: 1px dotted #666;
  margin-bottom: 20px;
}
#userActivity li.icon {
  padding: 9px 0;
}
#userActivity li.icon a:link, #userActivity li.icon a:visited, #userActivity li.icon a:hover {
  text-decoration: none;
  border-bottom: none;
}
#userActivity li.icon a:link, #userActivity li.icon a:visited {
  color: #c1320b;
}
#userActivity li.icon a:hover {
  color: #333;
}
#userActivity li.icon span {
  position: relative;
  bottom: 7px;
}
#userActivity li strong {
  color: #000;
  font-size: 12px;
}
#userActivity i {
  display: inline-block;
  font-size: 22px;
}

li span.predictionWin, li span.predictionLoss {
  margin-left: 5px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  padding: 0 5px 0 18px;
  border-radius: 5px;
  text-align: right !important;
}
li span.predictionWin {
  background: #ccc url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -455px -119px;
}
li span.predictionLoss {
  background: #ccc url(../png/tapology_sprite1-9535e78d3c08f98658aa81c3b67a9227e6a728cbb82a1a177c3fc9d7fa543b90.png) no-repeat -455px -139px;
}

ul.badges {
  clear: both;
  display: block;
  margin-top: 20px;
}

.badges li {
  float: left;
  margin: 0 0 20px 20px;
}
.badges li.first {
  margin-left: 0;
}

form.userPromotionSettings button {
  border-radius: 3px;
  border: none;
  background-color: #cccccc;
  padding: 3px 4px;
  height: 25px;
  border-radius: 2px;
  background: url(../png/btnbg-964e1015547505e3f3d2af62205ebe8622c23060772fcadf7f5bd87121d9e772.png) repeat-x #cccccc;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px white;
  font-size: 10px;
  font-weight: bold;
  vertical-align: top;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 15px;
  margin: 20px auto;
  display: block;
  color: #333;
  text-decoration: none;
  height: inherit;
  background: #fff;
  border: 1px solid #666;
}
form.userPromotionSettings button:hover {
  background: #fffbfb;
  border: 1px solid #c1320b;
  color: #c1320b;
}
form.userPromotionSettings button:active {
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.6);
}

table.userPromotionSettings {
  width: 756px;
  margin-top: 10px;
  padding: 0;
  text-align: left;
}
table.userPromotionSettings i {
  display: flex;
  font-size: 18px;
  padding-top: 2px;
  padding-left: 8px;
  color: #c1320b;
}
table.userPromotionSettings tr {
  background: #f5f5f5;
}
table.userPromotionSettings tr:nth-child(2n) {
  background: #e5e5e5;
}
table.userPromotionSettings tr.head {
  border-bottom: 5px solid white;
}
table.userPromotionSettings th {
  padding: 0 10px;
  background: #333;
  color: #f2f2f2;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 32px;
  border-radius: 5px;
}
table.userPromotionSettings th.gutter {
  background: #fff;
  padding: 0;
  width: 3px;
}
table.userPromotionSettings td {
  padding: 0;
  vertical-align: middle;
  color: #333;
  font-size: 12px;
}
table.userPromotionSettings td.disabled {
  vertical-align: top;
}
table.userPromotionSettings td.check {
  padding-left: 10px;
}
table.userPromotionSettings td.red {
  color: #c1320b;
}
table.userPromotionSettings td.name {
  line-height: 60px;
  color: #866d36;
  font-size: 13px;
  font-weight: bold;
}

.userPromotionIconHolder {
  display: block;
  float: left;
  width: 52px;
  height: 52px;
  margin: 0 10px;
  padding: 4px;
}

img.userPromotionIcon {
  border-radius: 5px;
  background: #fff;
  width: 44px;
  height: 44px;
  padding: 4px;
}