/*! (c) 2023 Jagex Limited */
/* Modified by Mexk for forums.rs 2024 */

.newclient .title {
  line-height: 57%;
}
.newclient .title span {
  text-indent: 0;
  text-shadow: 1px 1px 2px black;
}
.newclient .title span:before {
  display: none;
}
.newclient .fancybox-wrap * {
  background: transparent !important;
}
.newclient .fancybox-wrap .fancybox-close {
  background: url("/img/rs3/lightbox/fancybox_sprite.png") no-repeat -2px top !important;
  right: -5px;
  top: -5px;
}
.newclient.fr .title {
  font-size: 5em;
  line-height: 139%;
}
.newclient.pt .title {
  font-size: 7em;
  line-height: 75%;
}
.newclient .video-box {
  display: table;
  margin: 35px;
  position: relative;
  width: calc(100% - 70px);
}
.newclient .video-box__content {
  display: table-cell;
  vertical-align: middle;
}
.newclient .video-box__title {
  font-size: 2.4em;
  margin-bottom: 10px;
}
.newclient .video-box__copy {
  font-size: 1.5em;
}
.newclient .video-box__copy--bullet {
  margin-bottom: 8px;
  position: relative;
}
.newclient .video-box__copy--bullet:before {
  content: "-";
  display: inline-block;
  margin: 0 10px 0 0;
}
.newclient .video-box__list {
  margin: 10px 0 5px;
}
.newclient .video-box__video {
  display: table-cell;
  vertical-align: middle;
}
.newclient .video-box__frame {
  background: black;
  border: 1px solid #384043;
  box-shadow: 0px 0px 10px #000;
  height: 248px;
  margin-left: 35px;
  width: 440px;
}
.newclient .download-nxt {
  display: block;
  padding: 75px 0 35px;
  position: relative;
}
.newclient .download-nxt:before {
  background: transparent url("/img/rs3/section-divider.gif") repeat-x top left;
  content: "";
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.newclient .download-nxt:after {
  display: none;
}
.newclient .download-nxt__title {
  font-size: 2.4em;
  margin: 0 auto 20px;
  max-width: 930px;
  text-align: center;
}
.newclient .download-nxt__title--install {
  color: #002537;
  margin-top: 35px;
}
.newclient .download-nxt__title--change-log {
  text-align: left;
}
.newclient .download-nxt__copy {
  font-size: 1.5em;
  margin: auto;
  max-width: 930px;
  text-align: center;
}
.newclient .download-nxt__copy--larger {
  font-size: 1.6em;
  margin-bottom: 30px;
}
.newclient .download-nxt__copy--em {
  display: block;
  font-style: italic;
  margin: 10px 0 35px;
}
.newclient .download-nxt__copy--linux {
  color: #2b1e0a;
}
.newclient .download-nxt__version {
  color: grey;
  display: block;
  font-size: 1.3em;
  font-style: italic;
  margin-bottom: 10px;
  text-align: center;
}
.newclient .download-nxt__methods {
  display: block;
  margin: 35px auto 35px;
  position: relative;
  text-align: center;
  width: auto;
}
.newclient .download-nxt__method {
  display: inline-block;
  margin: 0 40px;
  vertical-align: top;
  width: 200px;
}
.newclient .download-nxt__platform-fig {
  background: #393939;
  background: linear-gradient(#393939, #151515);
  border: 1px solid #334444;
  border-radius: 50%;
  box-shadow:
    inset 0 0 5px 5px #141414,
    0 0 5px 5px rgba(0, 0, 0, 0.3);
  display: block;
  margin: 0 auto 10px;
  height: 55px;
  position: relative;
  text-align: center;
  width: 55px;
}
.newclient .download-nxt__platform-fig:hover {
  filter: brightness(1.3);
}
.newclient .download-nxt__platform-logo {
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.newclient .download-nxt__link .btn {
  display: block;
}
.newclient .download-nxt__size {
  display: block;
  font-size: 1.2em;
  margin-top: 10px;
  text-align: center;
}
.newclient .download-nxt__linux-instr {
  background: url("/img/rs3/parchment.jpg") repeat 0 0;
  background:
    url("/img/rs3/global/Parchment_top.jpg") no-repeat 0 top,
    url("/img/rs3/global/Parchment_bottom.jpg") no-repeat 0 bottom,
    url("/img/rs3/parchment.jpg") repeat 0 0;
  box-shadow:
    inset 0px -25px 20px -5px black,
    inset 0px 25px 20px -5px black;
  max-height: 14px;
  overflow: hidden;
  padding: 0 45px;
  position: relative;
  transition: max-height 2s;
}
.newclient .download-nxt__linux-instr:before,
.newclient .download-nxt__linux-instr:after {
  background: url("/img/rs3/background-bar-repeat.png") repeat-x 0 0;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: -6px;
  width: 100%;
}
.newclient .download-nxt__linux-instr:after {
  background: url("/img/rs3/background-bar-repeat2.png") repeat-x 0 0;
  bottom: -6px;
  top: auto;
}
.newclient .download-nxt__linux-instr--show {
  max-height: 310px;
}
.newclient .download-nxt__linux-console {
  background: black;
  border: 2px solid #2b1e0a;
  box-shadow: 0 0 8px 1px black;
  color: lime;
  display: block;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.24em;
  margin: 15px 0 35px;
  padding: 5px;
}
.newclient .download-nxt__change-log {
  padding: 35px;
  position: relative;
}
.newclient .download-nxt__view-change-log {
  margin-bottom: 0;
}
.newclient .download-nxt__title-link {
  color: #e1bb34;
  position: relative;
}
.newclient .download-nxt__title-link:after {
  border-color: transparent transparent transparent #e1bb34;
  border-style: solid;
  border-width: 10px 12px;
  content: "";
  right: -30px;
  position: absolute;
  top: 9px;
}
.newclient .download-nxt__title-link:hover {
  color: #fff2c5;
}
.newclient .download-nxt__title-link:hover:hover {
  border-color: #fff2c5;
}
.newclient .download-nxt__changes {
  display: block;
  text-align: left;
}
.newclient .download-nxt__changes * {
  font-size: 15px;
}
.newclient .download-nxt__changes dl {
  display: block;
}
.newclient .download-nxt__changes dt {
  font-weight: bold;
  margin: 20px 0 10px;
}
.newclient .download-nxt__changes dd {
  display: block;
}
.newclient .download-nxt__changes li {
  position: relative;
}
.newclient .download-nxt__changes li:before {
  content: "-";
  display: inline-block;
  margin: 0 10px;
}
.newclient .de .download-nxt__title {
  font-size: 2.3em;
}
.newclient .login-call {
  background: #0b2f3d url("/img/rs3/poll/info_icon.png") no-repeat 35px center;
  border-bottom: 1px solid #4b5a61;
  border-top: 1px solid #4b5a61;
  box-shadow: inset 0px 1px 16px black;
  color: #d7dbe1;
  display: block;
  font-size: 1.5em;
  line-height: 50px;
  padding: 0 75px;
  text-align: left;
}
.newclient .login-call__link {
  color: #b2dbee;
  text-decoration: underline;
}
.newclient .nxt-screenshots {
  padding: 75px 35px 35px;
  position: relative;
}
.newclient .nxt-screenshots:before {
  background: transparent url("/img/rs3/section-divider.gif") repeat-x top left;
  content: "";
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.newclient .nxt-screenshots__title {
  font-size: 2.4em;
  margin-bottom: 15px;
  text-align: center;
}
.newclient .nxt-screenshots__copy {
  font-size: 1.5em;
  text-align: center;
}
.newclient .nxt-screenshots__copy--gallery-foot {
  margin-top: 20px;
}
.newclient .nxt-screenshots__gallery {
  display: block;
  margin-top: 20px;
  position: relative;
  text-align: center;
}
.newclient .nxt-screenshots__img {
  max-width: 279px;
}
.newclient .nxt-screenshots__screen {
  background: black;
  border: 1px solid #384043;
  box-shadow: 0px 0px 10px #000;
  display: inline-block;
  height: 157px;
  margin: 1%;
  vertical-align: top;
  width: 30%;
  z-index: 9999;
}
.news .banner {
  height: 409px;
}
.news .title span {
  background: transparent url("/img/rs3/titles/news.png") no-repeat bottom left;
}
.news .copy h4 a:after {
  background: none;
  display: none;
}
.news .tabbedElement {
  padding-top: 13px;
  display: block;
  float: left;
}
.news .tabbedElement:after {
  top: 65px;
}
.news .tabbedContents {
  min-height: 910px;
}
.news .tabNav {
  box-shadow: 0 -10px 10px 2px #000;
  -webkit-box-shadow: 0 -10px 10px 2px #000;
  -moz-box-shadow: 0 -10px 10px 2px #000;
}
.news .articleMeta a {
  color: #e1bb34;
}
.news .articleMeta a:hover {
  color: #fff2c5;
}
.news .content .tags a {
  color: #000000;
}
.news .content .tags a:hover {
  color: #000000;
}
.tabbedElement .index > p,
.tabbedContents > p {
  font-size: 1.4em;
  font-family: "MuseoSans";
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 42px;
}
.tabbedElement .rss {
  display: block;
  text-indent: -9999px;
  float: right;
  background: transparent url("/img/rs3/sprite_splash.png") no-repeat 0 -2066px;
  width: 45px;
  height: 46px;
}
.tabbedElement .rss:hover {
  background-position: 0 -2122px;
}
.tabbedElement .archive {
  display: block;
  float: left;
  color: #b2dbee;
  font-family: "cinzel";
  font-size: 1.4em;
  margin-top: 35px;
}
.tabbedElement .archive:hover {
  color: #e1bb34;
}
.news .tabbedContent .categories {
  top: 13px;
}
.news .readMore {
  display: inline-block;
}
.feature {
  padding: 14px 13px;
  position: relative;
  box-shadow: inset 0 0 60px 10px #000;
  -moz-box-shadow: inset 0 0 60px 10px #000;
  -webkit-box-shadow: inset 0 0 60px 10px #000;
}
.feature:before,
.feature:after,
.archiveSelect:before,
.archiveSelect:after {
  content: "";
  display: block;
  background: transparent url("/img/rs3/sprite_main.png") no-repeat 0 -1379px;
  width: 183px;
  height: 163px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.feature:after,
.archiveSelect:after {
  background-position: 0 -1582px;
  right: 0;
  left: auto;
}
.feature img {
  display: block;
  margin: 0 auto;
}
.archiveSelect:before,
.archiveSelect:after {
  z-index: -1;
}
.feature .inner {
  position: relative;
  z-index: 2;
  border: solid 1px #384145;
  padding: 1px;
  background-color: #000;
}
.feature iframe {
  display: block;
  margin: 0 auto;
}
.content {
  float: left;
  width: 66%;
  position: relative;
  overflow: visible;
  background: transparent url("/img/rs3/background-tabbedelement.jpg") repeat-y
    0 0;
  box-shadow: 10px 0px 8px #000;
  -moz-box-shadow: 10px 0px 8px #000;
  -webkit-box-shadow: 10px 0px 8px #000;
  min-height: 970px;
  padding-bottom: 30px;
}
.articleContent {
  background: transparent url("/img/rs3/background-tabbedelement-top.jpg")
    repeat-x 0 0;
  padding: 27px 40px 0;
}
.news .backToTop {
  -ms-flex-align: center;
  align-items: center;
  color: #e1bb34;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
  margin: 10px auto;
  width: 100%;
}
.news .backToTop::after {
  background: #e1bb34;
  clip-path: polygon(0 100%, 100% 100%, 50% 0);
  content: "";
  display: inline-block;
  height: 13px;
  margin-left: 5px;
  width: 13px;
}
.news .backToTop:hover {
  color: #fff2c5;
}
.news .backToTop:hover::after {
  background: #e1bb34;
}
.content h2 {
  font-size: 2.4em;
  margin-bottom: 20px;
}
.content p {
  margin-bottom: 20px;
  font-size: 1.5em;
  font-family: "MuseoSans";
  color: #d7dbe1;
}
.content .left {
  float: left;
  display: inline;
  margin: 0 10px 10px 0;
}
.content .right {
  float: right;
  display: inline;
  margin: 0 0 10px 10px;
}
.articleMeta {
  margin-bottom: 25px;
  overflow: hidden;
  font-size: 1.2em;
  font-family: "MuseoSans";
  color: #a9acad;
}
.articleMeta span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: solid 1px #a9acad;
}
.articleMeta a {
  color: #b2dbee;
}
.articleMeta a:hover {
  color: #e1bb34;
}
.tags {
  overflow: hidden;
}
.tags h4,
.share h4 {
  color: #8eb0c0;
  font-size: 1.7em;
}
.articleContent .tags ul {
  margin: 15px 0;
  list-style-type: none;
  font-size: 1.2em;
}
.articleContent .tags li {
  display: inline-block;
  font-family: "MuseoSans";
  margin: 0 8px 8px 0;
  background: #b1d8e7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxZDhlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjdiOGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #b1d8e7 0%, #527b8e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d8e7', endColorstr='#527b8e',GradientType=0 );
  color: #000;
  padding: 0 10px;
  line-height: 22px;
  border-radius: 2px;
  box-shadow:
    2px 2px 1px -2px #ffffff inset,
    -3px -2px 1px -3px #000000 inset;
  position: relative;
  text-shadow: 1px 1px 2px #ffffff;
  float: left;
}
.tags a {
  color: #000;
}
.share {
  border-top: 1px solid #000;
  border-bottom: solid 1px #1e313c;
  height: 60px;
  overflow: hidden;
  position: relative;
}
.share .btnWrap {
  float: left;
  margin-top: 9px;
}
.share h4 {
  float: left;
  position: relative;
  top: 13px;
}
.content .social {
  float: right;
  padding: 7px 0;
}
.content .social li:first-child {
  margin-left: 10px;
}
.share:before {
  content: "";
  width: 100%;
  border-top: solid 1px #1e313c;
  position: absolute;
  top: 0;
}
.share:after {
  content: "";
  width: 100%;
  border-bottom: solid 1px #000;
  position: absolute;
  bottom: 0;
}
.news .sidebar {
  box-shadow: 10px 9px 20px 3px #000;
  padding-top: 8px;
  width: 34%;
}
.news .sidebar img {
  display: block;
}
.news .sidebar section {
  padding-bottom: 13px;
  background: transparent url("/img/rs3/sidebar-news-divider.png") no-repeat
    bottom left;
}
.news .sidebar section.detailed {
  background: transparent url("/img/rs3/sidebar-news-1-divider.png") no-repeat
    3px bottom;
  padding-bottom: 38px;
}
.news .sidebar section:last-child {
  background: none;
  padding-bottom: 0;
}
.news .sidebar section:last-child:before {
  background: none;
  display: none;
}
.news .sidebar section h3.detailed {
  position: relative;
}
.news .sidebar section h3.detailed:after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: -5px;
  background: transparent url("/img/rs3/_sprite/sidebar-news-shadow-corner.png")
    no-repeat 0 0;
  height: 37px;
  width: 29px;
}
.news .sidebar h3 a {
  position: relative;
  display: block;
  margin-right: 25px;
}
.news .sidebar h3 a:hover {
  color: #fff2c5;
}
.news .sidebar .detailed .index h4 {
  font-size: 1.3em;
}
.news figure.youtube {
  height: 145px;
  overflow: hidden;
  margin: -5px 0 20px 0;
  width: 270px;
}
.news figure.youtube img {
  width: 270px;
  margin-top: -25px;
}
.sidebar #youtube time {
  display: block;
  margin-top: 3px;
  font-size: 1.2em;
  padding-bottom: 8px;
  border-bottom: solid 1px #000;
}
.sidebar #youtube p {
  padding: 8px 0;
  margin: 0;
}
.sidebar #youtube .index,
.sidebar #youtube article {
  border-bottom: none;
}
#youtube .btnWrap {
  margin: 10px 0 20px;
}
.news .sidebar h3.youtube a {
  background: transparent url("/img/rs3/_sprite/icon-youtube.png") no-repeat
    right center;
}
.news .sidebar h3.youtube a:hover {
  background-image: url("/img/rs3/_sprite/icon-youtube-hover.png");
}
.news .sidebar .facebook a {
  background: transparent url("/img/rs3/_sprite/icon-facebook.png") no-repeat
    right center;
}
.news .sidebar .facebook a:hover {
  background-image: url("/img/rs3/_sprite/icon-facebook-hover.png");
}
.news .sidebar .twitter a {
  background: transparent url("/img/rs3/_sprite/icon-twitter.png") no-repeat
    right center;
}
.news .sidebar .twitter a:hover {
  background-image: url("/img/rs3/_sprite/icon-twitter-hover.png");
}
.news .sidebar .googleplus a {
  background: transparent url("/img/rs3/_sprite/icon-google.png") no-repeat
    right center;
}
.news .sidebar .googleplus a:hover {
  background-image: url("/img/rs3/_sprite/icon-google-hover.png");
}
.news .sidebar .reddit a {
  background: transparent url("/img/rs3/_sprite/icon-reddit.png") no-repeat
    right center;
}
.news .sidebar .reddit a:hover {
  background-image: url("/img/rs3/_sprite/icon-reddit-hover.png");
}
.de .news .sidebar h3 {
  font-size: 1.8em;
}
.archiveSelect {
  padding: 40px 31px 30px 31px;
  box-shadow: inset 0px 10px 40px 0px #000;
  -moz-box-shadow: inset 0px 10px 40px 0px #000;
  -webkit-box-shadow: inset 0px 10px 40px 0px #000;
  position: relative;
  zoom: 1;
}
.newsArchive h3,
.archiveSelect h4 {
  margin-bottom: 20px;
  color: #b2dbee;
}
.archiveSelect li {
  float: left;
  margin: 0 0 12px 19px;
}
.lt-ie9 .archiveSelect li {
  margin: 0 0 12px 14px;
}
.lt-ie8 .archiveSelect li {
  margin: 0 0 12px 19px;
}
.archiveSelect .years li {
  margin: 0 0 10px 17px;
}
.lt-ie9 .archiveSelect .years li {
  margin: 0 0 10px 14px;
}
.lt-ie8 .archiveSelect .years li {
  margin: 0 0 10px 17px;
}
.archiveSelect .years li:nth-child(6n + 1),
.archiveSelect .months li:nth-child(4n + 1) {
  margin-left: 0;
}
.archiveSelect a {
  display: block;
  padding: 5px 0;
  text-align: center;
  color: #000;
  font-family: "cinzel";
  font-size: 1.6em;
  background: #8cb4c4;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYjRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDZjODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #8cb4c4 0%, #446c81 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cb4c4', endColorstr='#446c81',GradientType=0 );
  border-radius: 2px;
  box-shadow:
    2px 2px 1px -2px #ffffff inset,
    -3px -2px 1px -3px #000000 inset;
  text-shadow: 1px 1px 2px #9cc3ce;
  text-transform: uppercase;
}
.archiveSelect .years a {
  width: 85px;
  font-size: 1.7em;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 6px 0;
}
.archiveSelect .months a {
  width: 135px;
  font-size: 1.4em;
  padding: 8px 0;
}
.archiveSelect a:hover,
.archiveSelect .active a {
  background: #f6f6f6;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWM1YzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #f6f6f6 0%, #c5c5c5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#c5c5c5',GradientType=0 );
  border-radius: 2px;
}
.archiveSelect .years {
  padding-bottom: 20px;
  border-bottom: solid 1px #000;
  overflow: hidden;
}
.archiveSelect .years + h4 {
  padding-top: 20px;
  border-top: solid 1px #223843;
}
.newsArchive .tabbedContents {
  padding: 25px 0 20px 0;
  box-shadow: inset 0px 0px 5px 0px #000;
  -webkit-box-shadow: inset 0px 0px 5px 0px #000;
  -moz-box-shadow: inset 0px 0px 5px 0px #000;
}
.newsArchive .tabbedContent,
.newsArchive .tabbedContents > p {
  padding: 0 25px 0 29px;
}
.fr .newsArchive .tabbedContents > p {
  padding-right: 16px;
}
.newsArchive .tabbedContent {
  padding-top: 20px;
  margin-top: 4px;
  background-image: url("/img/rs3/background-heading-left.png"),
    url("/img/rs3/background-tabbedelement-top.jpg");
  background-repeat: no-repeat, repeat-x;
  background-position:
    2px 2px,
    0 0;
  box-shadow: 0 -4px 4px 1px #000;
  -moz-box-shadow: 0 -4px 4px 1px #000;
  -webkit-box-shadow: 0 -4px 4px 1px #000;
}
.newsArchive .tabbedContents > p {
  background: transparent url("/img/rs3/background-tabbedelement-top.jpg")
    repeat-x bottom left;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.newsArchive .archiveButton {
  display: block;
  text-indent: -9999px;
  background: transparent url("/img/rs3/_sprite/btn-archive-open.png") no-repeat
    0 0;
  width: 46px;
  height: 46px;
  float: right;
}
.newsArchive .archiveButton.expand {
  background-image: url("/img/rs3/_sprite/btn-archive-close.png");
}
.archiveSelectForm {
  text-align: center;
}
.tabbedElement .archiveSelectSubmit {
  display: none;
  float: none;
}
.lt-ie8 .tabbedElement .archiveSelectSubmit {
  float: left;
}
.offerwall {
  box-shadow: inset 0 -24px 38px -9px black;
  -moz-box-shadow: inset 0 -24px 38px -9px black;
  -webkit-box-shadow: inset 0 -24px 38px -9px black;
}
.offerwall h1 {
  background: url("/img/rs3/sprite_main.png") no-repeat 0 -754px;
  text-indent: -9999px;
  height: 54px;
  position: relative;
  width: 164px;
  margin-right: 20px;
  top: -15px;
  float: right;
}
.offerwall .wallBox {
  border: 18px solid #273438;
  height: 533px;
  margin: auto;
  padding: 0;
  position: relative;
  width: 950px;
}
.borderimage .offerwall .wallBox {
  border-image: url("/img/rs3/brick-border.png") 18 18 18 18 repeat;
  margin: -11px auto 0;
}
.offerwall .wallBox .closeButton {
  background: url("/img/rs3/brick-border-close.png") no-repeat;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -30px;
  right: -35px;
}
.offerwall .closeButton a {
  display: block;
  height: 30px;
  width: 30px;
  margin: 11px 0 0 6px;
}
.offerwall .closeButton a:hover {
  background: url("/img/rs3/_sprite/close.png") no-repeat;
}
.offerwall iframe {
  border: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.offerwall .disclaimer {
  width: 980px;
  margin: 0 auto;
  text-align: right;
  color: #5c6d92;
  font-size: 1.4em;
}
.de.offerwall .disclaimer,
.pt.offerwall .disclaimer,
.es.offerwall .disclaimer {
  font-size: 1.2em;
}
.offerwall .disclaimer a {
  color: #e1bb34;
}
.offerwall .disclaimer a:hover {
  color: #fff2c5;
}
.offerwall .legalText {
  position: relative;
  width: 980px;
  margin: 25px auto 0 auto;
  padding-top: 10px;
  border-top: 1px solid #1e313c;
  color: #5c6d92;
  font-size: 0.8em;
}
.offerwall .legalText:before {
  position: absolute;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: black;
}
.offerwall .tabbednav {
  width: 972px;
  margin: 0 auto;
  padding-top: 20px;
}
.offerwall .tabbednav__nav {
  position: static;
  height: auto;
  padding-top: 0;
  background: none;
}
.offerwall .tabbednav__list {
  list-style: none;
}
.offerwall .tabbednav__tab {
  position: relative;
  float: left;
  padding-right: 30px;
  z-index: 1;
}
.offerwall .tabbednav__link {
  color: #b2dbee;
  display: block;
  line-height: 14px;
  padding-left: 28px;
  font-size: 2em;
  font-family: "cinzel";
}
.offerwall .tabbednav__link:hover {
  color: #e1bb34;
}
.offerwall .tabbednav__link:hover img {
  opacity: 1;
}
.offerwall .tabbednav__link-text {
  display: block;
  padding: 0 5px 0 0px;
}
.offerwall .tabbednav__tab:first-child .tabbednav__link {
  padding-left: 15px;
}
.offerwall .tabbednav__tab:first-child .tabbednav__link-text {
  padding-left: 0;
}
.offerwall .tabbednav__tab img {
  opacity: 0.8;
}
.offerwall .tabbednav__tab--active {
  position: relative;
  overflow: visible;
  background: transparent url("/img/rs3/background-tab-right.png") no-repeat
    right -8px;
  z-index: 2;
}
.offerwall .tabbednav__tab--active img {
  opacity: 1;
}
.offerwall .tabbednav__tab--active:first-child .tabbednav__link {
  background: transparent url("/img/rs3/sprite_main.png") no-repeat -7px -182px;
}
.offerwall .tabbednav__tab--active .tabbednav__link {
  color: #e1bb34;
  background: transparent url("/img/rs3/background-tab-left-slant.png")
    no-repeat -10px -3px;
}
.offerwall .tabbednav__tab--active .tabbednav__link-text {
  background: transparent url("/img/rs3/background-tab-mid.png") repeat-x 0 -8px;
}
.offerwall .ua-offerwall-consent-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.offerwall .ua-offerwall-consent-link {
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  height: 100%;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
body.runescapeLauncher .stickyWrap {
  background: url("/img/rs3/game/backdrop.jpg") no-repeat center 0 black;
}
body.runescapeLauncher .install-wrapper {
  color: #071b25;
  display: block;
  margin: 0 auto;
  padding-top: 70px;
  position: relative;
  text-align: center;
  width: 1100px;
}
body.runescapeLauncher .install-wrapper h1 {
  color: white;
  font-size: 4.5em;
}
body.runescapeLauncher .install-wrapper h1 span {
  color: black;
  display: block;
  font-size: 0.409em;
  line-height: 25px;
}
body.runescapeLauncher .install-wrapper p {
  font-size: 1.6em;
}
body.runescapeLauncher .install-wrapper .installInstructions {
  margin: 60px auto 40px;
  overflow: hidden;
  width: 908px;
}
body.runescapeLauncher
  .install-wrapper
  .installInstructions
  .installInstructionsScreen {
  float: left;
  width: 25%;
}
body.runescapeLauncher
  .install-wrapper
  .installInstructions
  .installInstructionsScreen
  h4 {
  color: #071b25;
  font-size: 2.4em;
  margin-bottom: 20px;
  text-align: center;
}
body.runescapeLauncher
  .install-wrapper
  .installInstructions
  .installInstructionsScreen.done
  h4 {
  zoom: 1;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
body.runescapeLauncher
  .install-wrapper
  .installInstructions
  .installInstructionsScreen
  img {
  box-shadow: 1px 5px 10px #525252;
}
.smallPrint {
  display: block;
  width: 100%;
  margin-top: 15px;
  text-align: center;
  font-size: 1.2em;
  color: #fff;
  filter: alpha(opacity=1);
  opacity: 1;
  visibility: visible;
  text-shadow: 1px 1px 1px #000000;
  transition-property: opacity;
  transition-duration: 2s;
  transition-timing-function: ease-in;
}
.smallPrint--hidden {
  opacity: 0;
  visibility: hidden;
  transition-property: none;
}
.passwordRecoveryStyling .emailInputWrap {
  position: relative;
}
.passwordRecoveryStyling h3 {
  margin-bottom: 10px !important;
}
.recaptcha_box div.loginError,
.recaptcha_box div.passwordError {
  clear: both;
  overflow: hidden;
  margin: 0 0 10px;
}
.recaptcha_box div.loginError .EncrustedInputBoxWrapper,
.recaptcha_box div.passwordError .EncrustedInputBoxWrapper {
  margin: 20px 0;
}
.recaptcha_box .recaptcha_error {
  margin-top: 5px;
  color: #ff0000;
}
.recaptcha_box {
  display: none;
  margin-top: 10px;
  width: 340px;
}
.recaptcha_image {
  border-radius: 3px;
  overflow: hidden;
  width: 340px;
}
.recaptcha_image {
  border-radius: 3px;
  overflow: hidden;
  width: 340px !important;
}
.recaptcha_image img {
  width: 340px;
}
.recaptcha_box .icon_container {
  text-align: right;
  clear: both;
  margin-top: 5px;
}
.recaptcha_box .icon_container a {
  cursor: pointer;
}
.recaptcha_box .recaptcha_box_nojs iframe {
  width: 100%;
  height: 300px;
  background: white;
}
div.emailInputWrap p.hiddenInfo {
  display: block;
  position: absolute;
  opacity: 0;
  text-align: right;
  font-size: 11px;
  bottom: -8px;
  width: 100%;
  transition: opacity 1s ease-in;
}
.emailInput:focus + .hiddenInfo {
  opacity: 1;
}
.passwordRecoveryStyling div.emailInputWrap input.emailInput {
  margin-bottom: 20px !important;
}
.poll ul li {
  margin: 0 25px 0 33px;
  border-top: 1px solid #1e313c;
  border-bottom: 1px solid #000;
  overflow: hidden;
  position: relative;
}
.poll ul li:first-child {
  border-top: none;
}
.poll ul li:last-child {
  border-bottom: none;
}
.poll input {
  float: left;
  clear: left;
}
.poll input[type="radio"] {
  display: inline-block;
  position: absolute;
  clear: left;
  float: left;
  top: 19%;
  left: 1%;
  z-index: -1;
}
.poll label,
.poll .label {
  float: left;
  cursor: pointer;
  font-family: "MuseoSans";
  font-size: 1.4em;
}
.poll .label {
  float: none;
  margin: 5px 0;
  width: 220px;
  padding-left: 5px;
}
.poll label:hover {
  color: #e1bb34;
}
.poll .label.voted {
  color: #e1bb34;
}
.poll input[type="radio"] + label {
  float: left;
  clear: left;
  cursor: pointer;
  width: 100%;
  padding: 2px 0;
}
.poll input[type="radio"] + label .radio {
  width: 36px;
  background: transparent url("/img/rs3/radio.png") no-repeat 0 0;
  cursor: pointer;
  vertical-align: middle;
  display: table-cell;
}
.poll input[type="radio"] + label .text {
  width: 230px;
  cursor: pointer;
  padding: 9px 0;
  vertical-align: middle;
  display: table-cell;
  color: #a9acad;
}
.poll input[type="radio"]:checked + label .text,
.poll input[type="radio"] + label:hover .text {
  color: #e1bb34;
}
.poll input[type="radio"]:checked + label .radio {
  background-image: url("/img/rs3/radio-checked.png");
}
.poll .pollResult {
  padding: 8px 0;
  width: 287px;
  border: 0;
}
.poll .pollResult span {
  color: #a9acad;
}
.poll .pollResult:first-child {
  padding-top: 0;
}
.poll .pollResult:last-child {
  padding-bottom: 0;
}
.poll .voteText {
  display: table;
}
.poll .voteText span {
  display: table-cell;
  vertical-align: middle;
}
.poll .voteBarOuter {
  margin: 6px 0 0;
  position: relative;
  overflow: hidden;
  height: 16px;
  background: transparent url("/img/rs3/_sprite/vote-bar-outer.png") no-repeat 0
    0;
}
.poll .voteBar {
  height: 5px;
  position: absolute;
  top: 4px;
  left: 13px;
  background: #ffd465;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDQ2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzVkMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to bottom, #ffd465 0%, #8c5d00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd465', endColorstr='#8c5d00',GradientType=0 );
}
.poll .votePercent {
  color: #b2dbee;
  font-family: "MuseoSans";
  font-size: 1.4em;
  width: 50px;
}
.poll .error {
  margin: 0 25px;
}
.poll .hint {
  display: table-cell;
  height: 100%;
  width: 86px;
  background: transparent url("/img/rs3/poll/hint.png") no-repeat center center;
  position: relative;
}
.poll .hint:hover .pollToolTip {
  display: block;
  color: #d7dbe1;
}
.poll .pollToolTip {
  background: url("/img/rs3/content_repeat_y.jpg") repeat scroll 0 0 transparent;
  border: 1px solid #2e3f49;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.5);
  display: none;
  padding: 7px;
  position: absolute;
  width: 260px;
  z-index: 10;
  bottom: 0;
  right: 0;
  margin-bottom: 27px;
  color: #d7dbe1;
  font-size: 0.5em;
  line-height: 120%;
}
.poll-vote .poll .pollToolTip {
  font-size: 0.75em;
}
.polls .banner .inner {
  height: 405px;
}
.polls .main {
  margin-top: 200px;
}
.polls .main p {
  font-size: 1.5em;
}
.polls .power {
  height: 90px;
  padding: 50px 50px 80px;
  background: transparent url("/img/rs3/poll/divide.jpg") no-repeat bottom left;
}
.polls .pollList {
  padding: 20px 0 32px;
}
.polls .pollList {
  background: transparent url("/img/rs3/poll/divide.jpg") no-repeat bottom left;
}
.polls .pollList h2 {
  margin: 0 20px 20px 30px;
}
.polls .pollTab,
.poll-archive .pollTab {
  background: transparent url("/img/rs3/poll/plate.jpg") no-repeat;
  height: 69px;
  padding: 5px 0 0;
  height: auto;
  margin-bottom: 5px;
  box-shadow: 0 10px 10px 0 #000;
}
.polls .showContent {
  margin-bottom: 0;
}
.polls .pollTab:nth-child(even),
.poll-archive .pollTab:nth-child(even) {
  background: transparent url("/img/rs3/poll/alternative_plate.jpg") no-repeat;
}
.polls .open .pollTabTitle,
.poll-vote .titleContainer {
  background: transparent url("/img/rs3/poll/stone_ruby.png") no-repeat;
}
.polls .open .pollTabTitle.diamond,
.poll-vote .titleContainer.diamond {
  background: transparent url("/img/rs3/poll/stone_diamond.png") no-repeat;
}
.polls .open .pollTabTitle.dragon,
.poll-vote .titleContainer.dragon {
  background: transparent url("/img/rs3/poll/stone_dragonstone.png") no-repeat;
}
.polls .closed .pollTabTitle,
.poll-archive .pollTabTitle {
  background: transparent url("/img/rs3/poll/stone_ruby_closed.png") no-repeat;
}
.polls .closed .pollTabTitle.diamond,
.poll-archive .pollTabTitle.diamond {
  background: transparent url("/img/rs3/poll/stone_diamond_closed.png")
    no-repeat;
}
.polls .closed .pollTabTitle.dragon,
.poll-archive .pollTabTitle.dragon {
  background: transparent url("/img/rs3/poll/stone_dragonstone_closed.png")
    no-repeat;
}
.polls .pollTabTitle,
.poll-archive .pollTabTitle {
  position: relative;
  margin: 1px 0 5px 20px;
  display: table;
  height: 69px;
}
.polls .pollTabTitle {
  padding-left: 10%;
  width: 88%;
}
.poll-archive .pollTabTitle {
  padding-left: 15%;
  width: 82%;
}
.polls .pollTabTitle a {
  background: transparent url("/img/rs3/_sprite/btn-archive-open.png") no-repeat
    830px;
}
.polls .closed .pollExpand {
  color: #999;
}
.polls .closed .pollExpand:hover {
  color: #e1bb34;
}
.polls .pollTabTitle a.expanded {
  background: transparent url("/img/rs3/_sprite/btn-archive-close.png")
    no-repeat 830px;
}
.polls .pollExpand,
.poll-archive .pollExpand {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding-right: 65px;
}
.polls .pollTab--voted .pollExpand:after {
  position: absolute;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: transparent url("/img/rs3/poll/tick.png") no-repeat;
  top: 7px;
  right: 6%;
}
.polls .pollTabVoted {
  float: right;
  background: transparent url("/img/rs3/poll/tick.png") no-repeat center center;
  width: 42px;
  height: 100%;
}
.polls .viewArchive {
  margin: 20px 0 40px 27px;
}
.polls .pollDetails {
  box-shadow: inset 0 17px 8px -8px black;
  overflow: hidden;
  position: relative;
  max-height: 0px;
  transition: max-height 1s;
  -webkit-transition: max-height 1s;
  border-bottom: 1px solid #5e5e5e;
}
.polls .pollDetailsTable {
  display: table;
  width: 100%;
}
.polls .pollDetails.showElement {
  max-height: 1000px;
  transition: max-height 1s;
  -webkit-transition: max-height 1s;
}
.polls .pollDetailsLeft {
  display: table-cell;
  width: 50%;
  height: 100%;
  border-right: 1px solid black;
  box-shadow: 10px 0 30px -2px black;
  padding: 0 30px 20px;
}
.polls .pollDetailsRight {
  width: 50%;
  display: table-cell;
  padding-left: 25px;
  background-image: url("/img/rs3/poll/corner_tl.png"),
    url("/img/rs3/poll/corner_tr.png"), url("/img/rs3/poll/corner_bl.png"),
    url("/img/rs3/poll/corner_br.png");
  background-position:
    top left,
    top right,
    bottom left,
    bottom right;
  background-repeat: no-repeat;
  padding: 0 30px 20px;
  box-shadow: inset 5px 7px 16px black;
}
.polls .pollDetails h5 {
  font-size: 1.7em;
  margin: 25px 0;
}
.polls .pollDesc {
  margin-bottom: 15px;
}
.polls .totalVotes {
  margin-top: 25px;
}
.polls .time {
  background: transparent url("/img/rs3/poll/time.png") no-repeat left center;
  padding: 15px 0 15px 35px;
  border-top: 1px solid #1e313c;
  position: relative;
  line-height: 1.5em;
}
.polls .time:before {
  background: black;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.polls .yourVote,
.poll-vote .yourVote {
  margin-bottom: 5px;
  padding: 15px 0 15px 35px;
  border-bottom: 1px solid #1e313c;
  border-top: 1px solid #1e313c;
  background: transparent url("/img/rs3/poll/your_vote.png") no-repeat 0px
    center;
  position: relative;
}
.polls .changeVote {
  font-size: 0.9em;
}
.polls .main p.youHave {
  font-size: 1.2em;
  padding-bottom: 10px;
  color: #8eb0c0;
}
.polls .yourVote:before,
.poll-vote .yourVote:before {
  background: black;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.polls .yourVote:after,
.poll-vote .yourVote:after {
  background: black;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.polls .pollDetailsRight ul {
  position: relative;
}
.polls .pollsVoteBar,
.poll-vote .voteBarOuter,
.poll-archive .voteBarOuter {
  background: transparent url("/img/rs3/poll/vote_bar.jpg") repeat-x;
  width: 100%;
  height: 34px;
  text-align: right;
  margin-bottom: 15px;
  position: relative;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
}
.polls .pollsVoteTitle {
  border-top: 1px solid #1e313c;
  position: relative;
  padding-top: 14px;
  height: 17px;
}
.polls .pollsVoteTitle:before {
  background: black;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.polls .voteBarFill,
.poll-vote .voteBarFill,
.poll-archive .voteBarFill {
  background: transparent url("/img/rs3/poll/bar_blue.jpg") repeat-x;
  height: 34px;
  display: inline-block;
  float: left;
  margin: 3px 0 0 1px;
}
.polls p.voteStats,
.poll-vote .votePage p.voteStats,
.poll-archive .archivePage p.voteStats {
  margin: 9px;
  position: absolute;
  right: 0;
  font-size: 0.7em;
}
.poll-vote .votePage p.voteStats {
  font-size: 1.3em;
}
.polls .votedAnswer .voteBarFill,
.poll-vote .votedAnswer .voteBarFill,
.poll-archive .votedAnswer .voteBarFill {
  background: transparent url("/img/rs3/poll/bar_green.jpg") repeat-x;
}
.polls .poll label.answerLabel {
  position: relative;
  border-top: 1px solid #1e313c;
  padding-bottom: 5px;
}
.polls .poll label:before {
  background: black;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.polls .poll li {
  font-size: 1.5em;
  position: relative;
}
.polls .poll li:before,
.polls .poll li:after,
.poll-vote .poll li:before,
.poll-vote .poll li:after {
  content: "";
  display: table;
}
.polls .poll li:after,
.poll-vote .poll li:after {
  clear: both;
}
.polls input[type="radio"]:checked + label .radio {
  background-position-x: right;
}
.polls .poll .htmlRadio {
  top: 15%;
  left: 0%;
}
.polls .poll label span.text {
  font-size: 0.7em;
  width: 332px;
}
.polls .pollDetailsRight .btn {
  width: 139px;
  margin: auto;
  display: block;
}
.polls .voteForm {
  padding-top: 10px;
}
.polls .main .pollMessage {
  padding-left: 38px;
  box-shadow: inset 0px 1px 16px black;
  overflow: hidden;
  max-height: 0px;
  transition: max-height 1s;
  -webkit-transition: max-height 1s;
}
.polls .main .pollMessage.pollError {
  background-color: #3a0405;
}
.polls .main .pollMessage.pollHidden {
  background-color: #0b2f3d;
}
.polls .pollMessage.showElement {
  max-height: 60px;
  transition: max-height 1s;
  -webkit-transition: max-height 1s;
}
.polls .pollMessage.pollHidden .messageText {
  background: transparent url("/img/rs3/poll/info_icon.png") no-repeat left
    center;
}
.polls .pollMessage.pollError .messageText {
  background: transparent url("/img/rs3/poll/error_icon.png") no-repeat left
    center;
}
.polls .main .messageText {
  padding-left: 63px;
  line-height: 40px;
  width: auto;
  border: none;
  color: #d7dbe1;
}
.poll-vote .votePage {
  padding: 40px 25px;
  width: 609px;
  box-shadow: 10px 0 5px -2px black;
  float: left;
  min-height: 600px;
}
.poll-vote .votePage p {
  font-size: 1.6em;
}
.poll-vote .banner .inner {
  height: 409px;
}
.poll-vote .sideBar {
  width: 333px;
}
.poll-vote .titleContainer {
  display: table-cell;
  vertical-align: middle;
  height: 68px;
  background: transparent url("/img/rs3/poll/stone_ruby.png") no-repeat;
  padding-left: 80px;
}
.poll-vote .question {
  margin: 20px 0 10px;
}
.poll-vote .adjustment p.errorMessage {
  color: #e1bb34;
  margin: 20px 0;
  width: 96%;
}
.poll-vote .poll input[type="radio"] + label .text {
  width: 500px;
  padding: 12px 0;
}
.poll-vote .poll ul {
  margin: 10px 0;
}
.poll-vote .poll li {
  margin-left: -5px;
  position: relative;
}
.poll-vote .poll label {
  border-bottom: 1px solid #1e313c;
  position: relative;
}
.poll-vote .poll label:after {
  background: black;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.poll-vote .voteButton {
  width: 140px;
  margin: auto;
  margin-top: 40px;
}
.poll-vote .errorMessage {
  margin-top: 20px;
}
.poll-archive .banner .inner {
  height: 409px;
}
.poll-archive .title span,
.poll-vote .title span {
  background: url("/img/rs3/titles/player-power.png") no-repeat 0 -2px;
}
.de.poll-archive .title span,
.de.poll-vote .title span {
  background-position: 7px 11px;
}
.fr.poll-archive .title span,
.fr.poll-vote .title span {
  background-position: 2px center;
}
.pt.poll-archive .title span,
.pt.poll-vote .title span {
  background-position: left 13px;
}
.poll-archive .archivePage {
  float: left;
  width: 660px;
  box-shadow: 10px 0 5px -2px black;
  min-height: 560px;
}
.poll-archive .archiveSelect {
  background: transparent url("/img/rs3/background-bar-repeat.png") repeat-x
    scroll bottom left;
}
.poll-archive .archiveSelect h4 {
  color: #e1bb34;
}
.poll-archive .archiveSelect .years {
  border: none;
}
.poll-archive .pollTab--voted .pollTabTitle:after {
  position: absolute;
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: transparent url("/img/rs3/poll/tick.png") no-repeat;
  top: 7px;
  right: 15px;
}
.poll-archive .pollTab {
  border-right: 1px solid #535353;
}
.poll-archive .pollArchive .pollTitle {
  margin: 30px 0;
}
.poll-archive .pollQuestion {
  position: relative;
  margin: 0 30px 30px;
}
.poll-archive .pollQuestion.current {
  display: block;
}
.poll-archive .questionNumber {
  font-family: "cinzel";
  font-size: 1.4em;
  margin: 20px 0 10px;
  padding-top: 10px;
  border-top: 1px solid #1e313c;
  position: relative;
}
.poll-archive .questionNumber:before {
  background: black;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.poll-archive .questionNumber span {
  color: #a9acad;
}
.poll-archive .question {
  margin-bottom: 25px;
  font-size: 1.3em;
}
.poll-archive .pollQuestion .label {
  font-size: 1.5em;
}
.poll-archive .archivePage p.voteStats {
  font-size: 1.3em;
}
.poll-archive .paginationOuter {
  background: none;
  margin: 20px 0;
}
.poll-archive .pagination {
  border: none;
}
.poll-archive .sidebar section,
.poll-vote .sidebar section {
  background: none;
  padding-bottom: 15px;
}
.poll-vote .sidebar .viewArchive,
.poll-archive .sidebar .viewArchive {
  background: transparent url("/img/rs3/poll/sidebar_option.jpg") no-repeat -10px
    0;
}
.poll-vote .viewArchive h3,
.poll-archive .viewArchive h3 {
  background: none;
  border: none;
  padding-top: 15px;
}
.poll-vote .sidePoll,
.poll-archive .sidePoll {
  margin: 10px 0 0 30px;
}
.poll-vote .sidePoll li,
.poll-archive .sidePoll li {
  height: 40px;
  padding-left: 30px;
  font-size: 1.5em;
  font-family: "cinzel";
  background: transparent url("/img/rs3/poll/stone_ruby_small.png") no-repeat
    left center;
  padding: 5px 5px 5px 50px;
  border-bottom: 1px solid #1e313c;
  position: relative;
  display: table;
}
.poll-vote .sidePollText,
.poll-archive .sidePollText {
  display: table-cell;
  vertical-align: middle;
  color: #a9acad;
  font-family: "cinzel";
  font-weight: bold;
  letter-spacing: 0.04em;
}
.poll-vote .sidePollText:hover,
.poll-archive .sidePollText:hover {
  color: #e1bb34;
}
.poll-vote .sidePoll li:after,
.poll-archive .sidePoll li:after {
  background: black;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
}
.poll-vote .sidePoll .diamond,
.poll-archive .sidePoll .diamond {
  background: transparent url("/img/rs3/poll/stone_diamond_small.png") no-repeat
    left center;
}
.poll-vote .sidePoll .dragon,
.poll-archive .sidePoll .dragon {
  background: transparent url("/img/rs3/poll/stone_dragonstone_small.png")
    no-repeat left center;
}
.poll-vote .poll .votePercent {
  width: auto;
  position: absolute;
  left: 310px;
  bottom: 12px;
  display: block;
}
.poll-vote .poll .label {
  width: 100%;
  color: #a9acad;
}
.poll-vote .poll .pollResult {
  position: relative;
  width: 100%;
}
.poll-vote .poll .voteText {
  margin: 10px 0 15px;
  display: block;
}
.poll-vote .top-buffer {
  margin-top: 10px;
}
.lt-ie9 .poll ul li {
  padding: 10px 0;
}
.lt-ie9 .poll input[type="radio"] {
  display: block;
}
.lt-ie9 .poll input[type="radio"] + label .radio {
  display: none;
}
.lt-ie9 .poll input[type="radio"] + label .text {
  padding: 0;
}
.lt-ie9 .poll input[type="radio"] + label {
  width: auto;
  clear: none;
  margin: 3px 0 0 10px;
  padding: 0;
}
.runemetrics .banner .inner {
  height: 590px;
}
.runemetrics main {
  margin-top: 410px;
}
.runemetrics-offer {
  display: inline-block;
  padding: 20px;
  margin: 10px;
  width: 177px;
  border: 1px solid #5a656c;
  background: #1b252e;
}
.runemetrics-offer__price {
  display: block;
  margin: 10px 0;
  font-size: 2.5em;
  text-shadow: 1px 1px 2px black;
}
.runemetrics-offer__bond-image {
  height: 45px;
  margin: -18px 0;
}
.runemetrics-section {
  padding: 20px 0 0;
  clear: both;
}
.runemetrics-section--end:after {
  content: "";
  display: block;
  height: 34px;
  width: 100%;
  clear: both;
  background: url("/img/rs3/section-divider.gif") repeat-x 0 0;
}
.runemetrics-section--center {
  text-align: center;
}
.runemetrics-section__title {
  font-size: 2.5em;
  margin-bottom: 5px;
}
.runemetrics-section__copy {
  font-size: 1.5em;
}
.runemetrics-section__youtube-container {
  padding: 0 500px 0 26px;
  position: relative;
}
.runemetrics-section__youtube {
  height: 225px;
  position: absolute;
  top: 10px;
  right: 50px;
  width: 400px;
  border: 1px solid #3c4951;
}
.runemetrics-section__block {
  float: left;
  width: 440px;
  margin: 20px 30px;
}
.runemetrics-section__graphic {
  height: 200px;
}
.runemetrics-section__graphic-wrapper {
  text-align: center;
}
.runemetrics-overview__title {
  font-size: 4.5em;
}
.runemetrics-overview__sub-title {
  color: #d7dbe1;
  display: block;
  font-size: 0.5em;
  margin-top: 3px;
}
.runemetrics-overview__copy {
  font-size: 1.5em;
  padding-bottom: 30px;
}
.runemetrics-table {
  background:
    url("/img/rs3/global/Parchment_top.jpg") no-repeat 0 top,
    url("/img/rs3/global/Parchment_bottom.jpg") no-repeat 0 bottom,
    url("/img/rs3/parchment.jpg") repeat 0 0;
  color: #2b1e0a;
  width: 100%;
}
.runemetrics-table__head {
  font-family: "cinzel";
  font-size: 3em;
  text-align: center;
}
.runemetrics-table__head-cell {
  padding: 20px 0;
}
.runemetrics-table__head-sub {
  padding: 5px 0 0;
  font-size: 0.5em;
}
.runemetrics-table th {
  border-right: 1px dotted black;
  font-size: 1.6em;
  font-weight: normal;
  padding-left: 30px;
  text-align: left;
  vertical-align: middle;
}
.runemetrics-table tbody tr:nth-child(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.runemetrics-table tbody td {
  font-size: 2.2em;
  line-height: 0;
  text-align: center;
  vertical-align: middle;
}
.runemetrics-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.runemetrics-table tr td:last-child {
  background: rgba(255, 255, 0, 0.1);
}
.runemetrics-smallprint {
  padding: 20px 10px 30px;
}
.banner-title {
  padding: 15px;
  margin: 0 1px;
  text-align: center;
  font-size: 3.5em;
  background: #3a1f0c;
  border-bottom: 2px solid #05161d;
  text-shadow: 1px 1px 2px black;
}
.runemetrics-tick {
  height: 50%;
}
body.skills .title {
  padding-bottom: 31px;
}
body.skills .title span {
  background: none;
  height: 76px;
  padding-bottom: 0;
  text-indent: 2px;
  text-shadow: 1px 1px 2px black;
}
body.skills .title span::before {
  top: 11px;
}
body.skills .skills-overview {
  background: url("/img/rs3/skills/skills-overview-bg.jpg") no-repeat;
  padding: 30px 500px 30px 30px;
  position: relative;
}
body.skills .skills-overview:after {
  background: url("/img/rs3/section-divider.gif") repeat-x 0 0;
  bottom: -10px;
  content: "";
  height: 34px;
  left: 0;
  position: absolute;
  width: 100%;
}
body.skills .skills-overview__copy {
  font-size: 1.5em;
}
body.skills .skills-overview__copy p {
  margin-bottom: 5px;
}
body.skills .skills-overview__members-icon {
  margin-bottom: -5px;
  padding-right: 10px;
  width: 20px;
}
body.skills .skills-table-wrapper {
  padding: 40px;
}
body.skills .skills-table {
  font-size: 1.5em;
  font-weight: bold;
  background: #0a181c;
  border: 1px black solid;
  margin-bottom: 20px;
  width: 100%;
}
body.skills .skills-table tr {
  border: 1px solid black;
}
body.skills .skills-table th,
body.skills .skills-table td {
  padding: 10px;
  vertical-align: middle;
}
body.skills .skills-table th {
  background: #132024;
}
body.skills .skills-table__icon {
  background: url("/img/rs3/hiscores/skill-icons.png") no-repeat 0 center;
  display: inline-block;
  height: 30px;
  width: 30px;
}
body.skills .skills-table__member-icon {
  width: 20px;
}
body.splash {
  background: #0a1720 url("/img/rs3/../microsite/body.jpg") repeat 0 0;
  font-size: 62.5%;
}
body.splash h1,
body.splash h2,
body.splash h3,
body.splash h4,
body.splash h5,
body.splash h6 {
  font-family: "cinzel";
  font-weight: 600;
  color: #e1bb34;
  letter-spacing: -1px;
}
body.splash h1 {
  font-size: 4.3em;
}
body.splash h2 {
  font-size: 3.1em;
  margin-bottom: 5px;
}
body.splash h3 {
  font-size: 2.5em;
  margin-bottom: 5px;
}
body.splash h6 {
  font-size: 2.2em;
}
body.splash h1 span,
body.splash h2 span {
  color: #d7dbe1;
  display: block;
}
body.splash h1 span {
  font-size: 0.67em;
  font-family: "cinzel";
  font-weight: 400;
}
body.splash h2 span {
  font-size: 0.6em;
  font-family: "cinzel";
  font-weight: 400;
}
body.splash .stickyWrap {
  display: none;
}
body.splash p {
  line-height: 140%;
  font-size: 1.5em;
}
body.splash p strong {
  color: #fff;
  font-family:
    MuseoSans,
    Arial,
    Times New Roman,
    serif;
}
body.splash a {
  color: #e1bb34;
  text-decoration: none;
}
body.splash a:hover {
  color: #fff2c5;
}
body.splash img {
  max-width: 100%;
  height: auto;
}
body.splash .outer-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
}
body.splash .inner-wrap {
  position: relative;
  width: 100%;
}
body.splash .container {
  width: 90%;
  margin: 0 auto;
  max-width: 97em;
}
body.splash .headline,
body.splash .final,
body.splash .border {
  background: transparent url("/img/rs3/../microsite/cracks_top_480.jpg")
    no-repeat top center;
}
body.splash .main {
  width: auto;
}
body.splash .main,
body.splash .header header,
body.splash .list:after {
  background: transparent url("/img/rs3/../microsite/cracks_bottom_480.jpg")
    repeat-x bottom center;
}
body.splash .list {
  position: relative;
}
body.splash .list:after {
  content: "";
  position: absolute;
  bottom: -37px;
  left: 0;
  width: 100%;
  height: 151px;
  z-index: -1;
}
body.splash section,
body.splash .final {
  display: table;
  width: 100%;
  position: relative;
  padding: 40px 0 20px;
}
body.splash section {
  padding-bottom: 245px;
}
body.splash section:before,
body.splash .final:before {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: transparent url("/img/rs3/../microsite/small_break.png") repeat-x
    0 0;
  position: absolute;
  top: -3px;
}
body.splash section .wrap,
body.splash .final .wrap {
  display: table-cell;
  width: auto;
}
body.splash section .container,
body.splash .final .container {
  overflow: hidden;
}
body.splash .copy {
  position: relative;
  z-index: 2;
}
body.splash .copy > a {
  display: block;
  font-size: 1.5em;
  font-family:
    MuseoSans,
    Arial,
    Times New Roman,
    serif;
  font-weight: bold;
  margin-top: 20px;
}
body.splash section article {
  max-width: 30em;
  margin-top: 25px;
}
body.splash article h3 {
  margin: 10px 0 3px;
}
body.splash article img,
body.splash .support {
  display: block;
  border: 5px solid transparent;
  border-image: url("/img/rs3/../microsite/frame.jpg") 5 repeat;
  box-shadow: 6px 6px 10px #000;
  -moz-box-shadow: 6px 6px 10px #000;
  -webkit-box-shadow: 6px 6px 10px #000;
  margin: 0 auto;
}
body.splash section .cta-wrap {
  clear: both;
  text-align: center;
}
body.splash section .container > p {
  max-width: 29em;
}
body.splash .banner,
body.splash .promo .banner {
  position: relative;
}
body.splash .promo .banner {
  overflow: hidden;
}
body.splash .banner .copy,
body.splash .promo .banner .copy {
  max-width: 35em;
  text-align: center;
  margin: 25px auto 0;
}
body.splash .banner h1,
body.splash .promo h1 {
  font-size: 2.2em;
  color: #000;
  font-family:
    MuseoSans,
    Arial,
    Times New Roman,
    serif;
  font-weight: 400;
}
body.splash .banner h1 span,
body.splash .banner h1 span {
  font-family:
    MuseoSans,
    Arial,
    Times New Roman,
    serif;
  color: #000;
  font-size: 1em;
  display: inline;
  font-weight: bold;
}
body.splash .banner__options {
  -ms-flex-align: center;
  align-items: center;
  bottom: -38px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 50%;
  max-width: 192em;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: 50;
}
@media only screen and (min-width: 65em) {
  body.splash .banner__options {
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100em;
  }
}
body.splash .decoration {
  margin-bottom: 10px;
}
body.splash .headline,
body.splash .promo .headline {
  text-align: center;
  height: 29em;
}
body.splash .headline .copy {
  max-width: 65em;
  margin: 0 auto;
}
body.splash .promo .headline .copy {
  max-width: 79em;
  margin: 0 auto;
}
body.splash .final.list .container,
body.splash .promo .final.list .container {
  max-width: none;
  text-align: left;
}
body.splash .list .copy {
  display: block;
}
body.splash .final .container,
body.splash .promo .final .container {
  max-width: 72em;
}
body.splash .final p {
  margin-bottom: 25px;
}
body.splash .promo .final p {
  margin-bottom: 20px;
}
body.splash .final .cta,
body.splash .promo .final .cta {
  margin: 0 0 10px;
}
body.splash .full-website {
  display: block;
  color: #b3bfc5;
  font-size: 1.3em;
  text-decoration: underline;
  margin-bottom: 25px;
}
body.splash .full-website:hover {
  color: #fff;
}
body.splash .statement {
  font-size: 1.3em;
}
body.splash section .wrap,
body.splash .promo section .wrap {
  vertical-align: middle;
}
body.splash .promo .banner .container {
  overflow: visible;
}
body.splash .promo .banner img {
  margin-left: -960px;
  position: relative;
  left: 50%;
  max-width: none;
}
body.splash .banner {
  padding-bottom: 0;
  height: 36em;
}
body.splash .banner:before {
  background: none;
  height: auto;
}
body.splash .banner .follow {
  margin-top: 20px;
}
body.splash .headline,
body.splash .final {
  height: auto;
  padding-bottom: 25px;
}
body.splash .headline h1 {
  margin-bottom: 20px;
}
body.splash .headline h1 span {
  letter-spacing: -2px;
}
body.splash .border {
  padding: 53px 0 35px;
}
body.splash .border:before {
  height: 53px;
  background-image: url("/img/rs3/../microsite/large_break.jpg");
  box-shadow: 0 0 10px 5px #000;
}
body.splash .border .container {
  padding-top: 55px;
}
body.splash .border .cta {
  margin-top: 35px;
}
body.splash .list h2 {
  margin-bottom: 0;
}
body.splash .list h3 {
  color: #e1bb34;
}
body.splash .list article {
  border-bottom: 1px solid #030507;
  border-top: 1px solid #2a3338;
  display: block;
  float: none;
  min-height: auto;
  margin: 0;
  max-width: none;
  overflow: hidden;
  padding-top: 15px;
}
body.splash .list article:first-child {
  border-top: none;
}
body.splash .list article:last-child {
  border-bottom: none;
}
body.splash .list .copy {
  max-width: none;
  margin-top: 15px;
  overflow: hidden;
}
body.splash .list .cta-wrap {
  border-top: solid 1px #2a3338;
}
body.splash .support {
  position: relative;
  max-width: 47.2em;
  overflow: hidden;
}
body.splash .support + .copy {
  margin-top: 20px;
}
body.splash a.video {
  display: block;
}
body.splash a.video:before {
  content: "";
  position: absolute;
  background: transparent url("/img/rs3/../microsite/btn-video.png") no-repeat 0
    0;
  width: 78px;
  height: 79px;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -39px;
}
body.splash .final .container {
  text-align: center;
  max-width: 55em;
}
body.splash .final .cta {
  margin: 25px 0;
}
body.splash .warning {
  display: none;
  text-align: center;
  margin-top: 35px;
}
body.splash .warning h2 {
  background: transparent url("/img/rs3/../microsite/icon-desktop.png")
    no-repeat top center;
  padding-top: 138px;
  margin-top: -92px;
  position: relative;
}
@media only screen and (min-width: 30em) {
  body.splash h2 {
    font-size: 3.5em;
  }
  body.splash .banner .copy,
  body.splash .promo .banner .copy {
    margin-top: 50px;
    max-width: 40em;
  }
  body.splash .headline,
  body.splash .final,
  body.splash .border {
    background-image: url("/img/rs3/../microsite/cracks_top_640.jpg");
  }
  body.splash .main,
  body.splash .header header,
  body.splash .list:after {
    background-image: url("/img/rs3/../microsite/cracks_bottom_640.jpg");
  }
  body.splash .list figure,
  body.splash .list .copy {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
  }
  body.splash .list figure {
    padding-right: 25px;
  }
  body.splash .list img {
    max-width: none;
  }
}
@media only screen and (min-width: 40em) {
  body.splash .banner .copy,
  body.splash .promo .banner .copy {
    margin-top: 110px;
    max-width: 50em;
  }
  body.splash .headline,
  body.splash .final,
  body.splash .border {
    background-image: url("/img/rs3/../microsite/cracks_top_768.jpg");
  }
  body.splash .main,
  body.splash .header header,
  body.splash .list:after {
    background-image: url("/img/rs3/../microsite/cracks_bottom_768.jpg");
  }
  body.splash section {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 36em;
  }
  body.splash section.list {
    height: auto;
  }
  body.splash .headline,
  body.splash .final {
    height: 29em;
  }
  body.splash .list.final {
    height: auto;
  }
  body.splash .final {
    padding-top: 20px;
  }
  body.splash .promo .final {
    padding-top: 40px;
  }
  body.splash section .wrap,
  body.splash .final .wrap {
    vertical-align: middle;
  }
  body.splash .banner {
    height: 50em;
    padding: 0;
  }
  body.splash .copy {
    max-width: 30em;
  }
  body.splash .alternate .copy {
    float: right;
  }
  body.splash .alternative .support {
    float: right;
  }
  body.splash .support + .copy {
    float: none;
    max-width: none;
  }
  body.splash .warning h2 {
    margin-top: -71px;
  }
  body.splash .list article {
    display: table;
  }
  body.splash article figure,
  body.splash .promo article figure {
    display: table-cell;
    vertical-align: top;
  }
}
@media only screen and (min-width: 48em) {
  body.splash .headline h2,
  body.splash .promo .headline h2 {
    font-size: 6em;
  }
  body.splash .headline h2 span,
  body.splash .promo .headline h2 span {
    font-size: 0.5em;
  }
  body.splash .banner .copy,
  body.splash .promo .banner .copy {
    max-width: 55em;
  }
  body.splash .decoration {
    position: relative;
    padding: 0 195px;
  }
  body.splash .promo .decoration {
    width: 240px;
    margin: 0 auto;
  }
  body.splash .decoration:before,
  body.splash .decoration:after {
    content: "";
    width: 192px;
    height: 5px;
    background: transparent url("/img/rs3/../microsite/sprite.png") no-repeat -2898px
      0;
    position: absolute;
    top: 50%;
    left: 0;
  }
  body.splash .decoration:after {
    background-position: -2898px -5px;
    left: auto;
    right: 0;
  }
  body.splash .headline,
  body.splash .final,
  body.splash .border {
    background-image: url("/img/rs3/../microsite/cracks_top_1040.jpg");
  }
  body.splash .main,
  body.splash .header header,
  body.splash .list:after {
    background-image: url("/img/rs3/../microsite/cracks_bottom_1040.jpg");
  }
  body.splash h1 {
    font-size: 6.5em;
  }
  body.splash h2 {
    font-size: 4.5em;
  }
  body.splash p {
    font-size: 1.7em;
  }
  body.splash .copy {
    max-width: 41.7em;
  }
  body.splash .copy > a {
    font-size: 1.7em;
  }
  body.splash .banner .copy {
    max-width: 38em;
  }
  body.splash section article {
    float: left;
    margin: 25px 0 0 25px;
  }
  body.splash section article:first-of-type {
    margin-left: 0;
  }
  body.splash .support {
    width: 45%;
    float: right;
  }
  body.splash .alternate .support {
    float: left;
  }
  body.splash .support + .copy {
    float: left;
    margin-top: 10px;
    max-width: none;
    width: 50%;
  }
  body.splash .alternate .support + .copy {
    float: right;
  }
}
@media only screen and (min-width: 65em) {
  body.splash h1 {
    font-size: 7em;
  }
  body.splash .primary a {
    padding: 18px 40px;
  }
  body.splash .headline,
  body.splash .promo .headline {
    padding-top: 50px;
  }
  body.splash .banner .copy,
  body.splash .promo .banner .copy {
    max-width: none;
    margin-top: 160px;
  }
  body.splash .headline,
  body.splash .final,
  body.splash .border {
    background-image: url("/img/rs3/../microsite/cracks_top_1366.jpg");
  }
  body.splash .main,
  body.splash .header header,
  body.splash .list:after {
    background-image: url("/img/rs3/../microsite/cracks_bottom_1366.jpg");
  }
  body.splash .banner {
    margin-top: 68px;
  }
  body.splash .container {
    width: 97em;
  }
  body.splash .support {
    width: 471px;
    float: right;
  }
  body.splash .support + .copy {
    margin-top: 45px;
    float: left;
    max-width: 41.7em;
  }
  body.splash .alternate .support + .copy {
    float: right;
  }
  body.splash .alternate .support {
    float: left;
  }
}
@media only screen and (min-width: 85.375em) {
  body.splash .headline,
  body.splash .final,
  body.splash .border {
    background-image: url("/img/rs3/../microsite/cracks_top_1920.jpg");
  }
  body.splash .main,
  body.splash .header header,
  body.splash .list:after {
    background-image: url("/img/rs3/../microsite/cracks_bottom_1920.jpg");
  }
}
body.splash section {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: bottom center;
}
body.splash .banner {
  background-image: url("/img/rs3/../microsite/content/splash/banner-480.jpg?1");
}
body.splash .headline,
body.splash .promo .headline.first {
  background-image: url("/img/rs3/../microsite/content/splash/cave-480.jpg");
  background-position: bottom center;
}
@media only screen and (min-width: 30em) {
  body.splash .banner {
    background-image: url("/img/rs3/../microsite/content/splash/banner-640.jpg?1");
  }
  body.splash .headline,
  body.splash .promo .headline.first {
    background-image: url("/img/rs3/../microsite/content/splash/cave-640.jpg");
  }
}
@media only screen and (min-width: 40em) {
  body.splash .banner {
    background-image: url("/img/rs3/../microsite/content/splash/banner-768.jpg?1");
  }
  body.splash .headline,
  body.splash .promo .headline.first {
    background-image: url("/img/rs3/../microsite/content/splash/cave-768.jpg");
  }
}
@media only screen and (min-width: 48em) {
  body.splash .banner {
    background-image: url("/img/rs3/../microsite/content/splash/banner-1040.jpg?1");
  }
  body.splash .headline,
  body.splash .promo .headline.first {
    background-image: url("/img/rs3/../microsite/content/splash/cave-1040.jpg");
  }
}
@media only screen and (min-width: 65em) {
  body.splash .banner {
    background-image: url("/img/rs3/../microsite/content/splash/banner-1366.jpg?1");
  }
  body.splash .headline,
  body.splash .promo .headline.first {
    background-image: url("/img/rs3/../microsite/content/splash/cave-1366.jpg");
  }
}
@media only screen and (min-width: 85.375em) {
  body.splash .banner {
    background-image: url("/img/rs3/../microsite/content/splash/banner-1920.jpg?1");
  }
  body.splash .headline,
  body.splash .promo .headline.first {
    background-image: url("/img/rs3/../microsite/content/splash/cave-1920.jpg");
  }
}
body.splash .header {
  min-width: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
}
body.splash .header header {
  box-shadow: 0 0 10px 5px #000;
  min-height: 68px;
  position: relative;
  z-index: 500;
}
body.splash .primary a {
  display: block;
  font-family: "cinzel";
  font-size: 1.7em;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding: 18px 40px;
}
body.splash .primary span {
  color: #d7dbe1;
  display: block;
  font-family:
    MuseoSans,
    Arial,
    Times New Roman,
    serif;
  font-size: 0.7em;
  font-weight: normal;
  letter-spacing: 0;
}
body.splash .primary li {
  float: right;
}
body.splash .primary li:last-child {
  border-bottom: none;
}
body.splash .block {
  overflow: hidden;
}
body.splash .nav-close {
  display: block;
  width: 2.625em;
  height: 2.25em;
  text-indent: -9999px;
}
body.splash .js .inner-wrap {
  left: 0;
  transition: transform 500ms ease;
}
body.splash .js-nav .inner-wrap {
  left: 20em;
}
body.splash .csstransforms3d.csstransitions.js-nav .inner-wrap {
  left: 0;
  transform: translate3d(20em, 0, 0) scale3d(1, 1, 1);
}
body.splash .cta-main {
  display: block;
  height: 79%;
  text-align: center;
  background: transparent url("/img/rs3/../microsite/sprite.png?") no-repeat -652px
    0;
  z-index: 2;
  padding-top: 8px;
  font-family: "cinzel";
  font-weight: 600;
  font-size: 2em;
  text-shadow: 1px 1px 2px #fff;
  color: #061f2a;
}
body.splash .cta-main:hover {
  color: #061f2a;
  background-position: -976px 0;
}
body.splash .continue a {
  position: relative;
}
body.splash .continue a:after {
  content: "";
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  border-left: solid 9px #e1bb34;
  position: absolute;
  right: 2px;
  top: 33px;
}
body.splash .continue a:hover:after {
  border-left: solid 9px #fff2c5;
}
body.splash .continue a:after {
  right: 20px;
}
@media only screen and (min-width: 65em) {
  body.splash .header header {
    position: relative;
    z-index: 10;
  }
  body.splash .primary {
    border-right: solid 1px #2a3338;
    padding-top: 0;
  }
  body.splash .primary a {
    color: #e1bb34;
  }
  body.splash .primary .active a,
  body.splash .primary a:hover {
    background: none;
    box-shadow: inset 0 0 10px 3px #000;
    color: #fff2c5;
  }
  body.splash .primary a:focus {
    background: none;
  }
  body.splash .navigation {
    background: none;
    position: relative;
    top: auto;
    left: auto;
    padding-top: 0;
    height: auto;
    width: auto;
    overflow: hidden;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  body.splash .js .inner-wrap {
    left: auto;
    transform: none;
    transition: none;
  }
}
body.splash .cta,
body.splash .cta * {
  display: block;
  background: transparent url("/img/rs3/../microsite/sprite-btn.png") no-repeat
    0 0;
  height: 56px;
}
body.splash .cta {
  display: inline-block;
  font-family: "cinzel";
  font-weight: 600;
  font-size: 1.8em;
  text-align: center;
  text-shadow: 1px 1px 2px #fff;
  padding-left: 20px;
  margin-top: 25px;
  cursor: pointer;
}
body.splash .cta a {
  background-position: right -244px;
  padding-right: 20px;
  color: #000;
}
body.splash .cta span {
  background-position: 0 -122px;
  background-repeat: repeat-x;
  padding: 19px 15px 0;
  height: 37px;
}
body.splash .cta:hover {
  background-position: 0 -61px;
}
body.splash .cta:hover a {
  background-position: right -304px;
}
body.splash .cta:hover span {
  background-position: 0 -183px;
}
body.splash .cta.cta-splash {
  color: #000;
  display: block;
  width: 477px;
  height: 53px;
  text-align: center;
  background: transparent url("/img/rs3/../microsite/sprite.png") no-repeat -1924px
    0;
  text-shadow: 1px 1px 2px #fff;
  font-family: "cinzel";
  font-weight: 600;
  font-size: 3.5em;
  margin-top: -20px;
  padding: 18px 0 0;
  transform: scale(0.6);
  z-index: 50;
}
@media only screen and (min-width: 48em) {
  body.splash .cta.cta-splash {
    margin-top: 0;
  }
}
body.splash .cta.cta-splash:hover {
  background-position: -2411px 0;
  color: #000;
}
body.splash .promo .cta.cta-splash {
  bottom: auto;
  top: -35px;
}
body.splash .footer {
  margin-top: 0;
}
body.splash .footer__paragraph p {
  font-size: 11px;
}
body.splash .footer__paragraph__link {
  color: #2b1e0a;
  text-decoration: underline;
}
body.splash .footer__paragraph__link:hover {
  color: #876430;
}
body.splash .m-pegi {
  float: right;
  display: block;
  margin-top: 10px;
  margin-left: 0;
}
@media only screen and (min-width: 65em) {
  body.splash .m-pegi {
    margin-top: 0;
    margin-left: 10px;
  }
}
body.splash .m-pegi__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.splash .m-pegi__age {
  height: 65px;
}
body.splash .m-pegi__descriptor {
  height: 55px;
  vertical-align: top;
}
body.splash .m-pegi img {
  transition: filter 0.2s;
}
body.splash .m-pegi img:hover {
  filter: brightness(1.3);
}
body.splash .m-pegi__strap {
  color: #2b1e0a;
  font-size: 10px;
  margin-bottom: 10px;
  max-width: 210px;
}
body.splash .flex-direction-nav a {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -25px;
  display: block;
  width: 44px;
  height: 50px;
  text-indent: -9999px;
  background: transparent url("/img/rs3/../microsite/sprite.png") no-repeat -76px
    0;
  z-index: 2;
}
body.splash .flex-direction-nav .flex-next {
  background-position: -120px 0;
  left: auto;
  right: 0;
}
body.splash .slides {
  overflow: hidden;
}
body.splash .slides li {
  display: none;
}
body.splash .no-js .slides li {
  display: block;
}
body.splash .slides img {
  display: block;
  width: 100%;
}
body.splash.fr h1 {
  font-size: 3em;
}
body.splash.fr .primary a,
body.splash.pt .primary a {
  padding: 18px 8px;
}
body.splash.fr .continue a:after,
body.splash.pt .continue a:after {
  display: none;
}
body.splash.de .banner h1,
body.splash.fr .banner h1,
body.splash.pt .banner h1 {
  font-size: 2.2em;
}
@media only screen and (min-width: 40em) {
  body.splash .cta.cta-splash {
    margin-top: 10px;
    transform: none;
  }
}
@media only screen and (min-width: 48em) {
  body.splash .de.headline h2,
  body.splash .fr.headline h2 {
    font-size: 5em;
  }
  body.splash.de h1 {
    font-size: 5.5em;
  }
  body.splash.fr h1 {
    font-size: 4em;
  }
  body.splash.pt h1 {
    font-size: 5em;
  }
}
@media only screen and (min-width: 65em) {
  body.splash.fr.primary a,
  body.splash.pt.primary a {
    padding: 18px 30px;
  }
}
@media only screen and (min-width: 65em) {
  body.splash .uol .header {
    top: 30px;
  }
  body.splash .ax5 .header {
    top: 50px;
  }
  body.splash .uol .barrauol-bg,
  body.splash .ax5 .dvAxeso5Toolbar {
    position: fixed;
    width: 100%;
    z-index: 600;
  }
}
@media print {
  body.splash * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body.splash a,
  body.splash a:visited {
    text-decoration: underline;
  }
  body.splash a[href]:after {
    content: " (" attr(href) ")";
  }
  body.splash abbr[title]:after {
    content: " (" attr(title) ")";
  }
  body.splash .ir a:after,
  body.splash a[href^="javascript:"]:after,
  body.splash a[href^="#"]:after {
    content: "";
  }
  body.splash pre,
  body.splash blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  body.splash thead {
    display: table-header-group;
  }
  body.splash tr,
  body.splash img {
    page-break-inside: avoid;
  }
  body.splash img {
    max-width: 100% !important;
  }
  @page {
    body.splash {
      margin: 0.5cm;
    }
  }
  body.splash p,
  body.splash h2,
  body.splash h3 {
    orphans: 3;
    widows: 3;
  }
  body.splash h2,
  body.splash h3 {
    page-break-after: avoid;
  }
}
body.splash .cmsPreviewHighlight {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
}
body.splash .cmsBlockOverlay {
  border: none !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  background-color: #0f0 !important;
  opacity: 0.3 !important;
  display: none;
  min-height: 28px !important;
  vertical-align: baseline !important;
}
body.splash .cmsBlockOverlay p {
  background-color: #000 !important;
  color: #fff !important;
  float: right !important;
  font-size: 20px !important;
  font-weight: bold !important;
  margin: 0 !important;
  margin-right: 3px !important;
  padding: 0 !important;
}
body.splash .returning .primary li {
  display: none;
}
body.splash .returning .primary li:last-child {
  display: block;
}
@media only screen and (min-width: 48em) {
  body.splash .headline h2 span,
  body.splash .promo .headline h2 span {
    font-size: 0.4em;
  }
}
@media only screen and (min-width: 65em) {
  body.splash .returning .primary {
    float: right;
  }
}
.storeLoc .banner .inner {
  height: 410px;
}
.storeLoc .title span {
  background: url("/img/rs3/titles/prepaid.png") no-repeat scroll left -8px transparent;
}
.storeLoc h2 {
  font-size: 2.2em;
}
.storeLoc .twoColumns {
  position: relative;
}
.storeLoc .twoColumns p {
  margin-bottom: 20px;
  font-size: 1.5em;
  color: #d7dbe1;
}
.storeLoc .twoColumns p a,
.storeLoc .patternedBorder p a {
  color: #e1bb34;
}
.storeLoc .twoColumns p a:hover,
.storeLoc .patternedBorder p a:hover {
  color: #b2dbee;
}
.storeLoc .left {
  background: url("/img/rs3/loyalty/texture-top-left.png") repeat-y scroll right
    0 transparent;
  box-shadow: 10px 0 20px 1px #000;
  -moz-box-shadow: 10px 0 20px 1px #000;
  -webkit-box-shadow: 10px 0 20px 1px #000;
  float: left;
  height: 410px;
  position: relative;
  width: 489px;
  z-index: 1;
}
.storeLoc .left h2 {
  margin: 40px 0 20px;
}
.storeLoc .left small {
  color: #b2dbee;
  font-size: 0.8em;
}
.storeLoc .selectStore {
  clear: both;
}
.storeLoc .selectStore .sectionDecor {
  position: relative;
  box-shadow: 0 -5px 8px 0 #000000;
  -moz-box-shadow: 0 -5px 8px 0 #000000;
  -webkit-box-shadow: 0 -5px 8px 0 #000000;
}
.storeLoc .selectStore h2 {
  color: #b2dbee;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.storeLoc .selectStore .menu {
  position: relative;
  display: block;
  width: 265px;
}
.storeLoc .selectStore .countryName {
  padding: 10px;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  font-size: 2.2em;
  color: #e1bb34;
  position: relative;
  z-index: 30;
  right: 10px;
  bottom: 5px;
}
.storeLoc .countryName:after {
  border-color: #e1bb34 transparent transparent;
  border-style: solid;
  border-width: 10px 7px;
  content: "";
  position: absolute;
  right: 15px;
  top: 16px;
}
.js .storeLoc .selectStore .menu:hover .countryName {
  background: url("/img/rs3/content_repeat_y.jpg") repeat-y 0 0;
  border-right: 1px solid #48555b;
  border-top: 1px solid #48555b;
}
.js .storeLoc .selectStore .menu:hover .subMenu {
  display: block;
}
.storeLoc .subMenu li {
  border-bottom: 1px solid #48555b;
  font-size: 1.7em;
  color: #b2dbee;
  display: block;
  float: left;
  padding: 15px;
  width: 43%;
}
.storeLoc .selectStore .menu,
.storeLoc .subMenu li {
  font-family: "cinzel";
  cursor: pointer;
}
.storeLoc .subMenu li:hover,
.storeLoc .subMenu li.selected {
  color: #e1bb34;
}
.storeLoc .selectStore .subMenu {
  display: none;
  top: 37px;
  border-right: 1px solid #48555b;
  border-bottom: 1px solid #48555b;
  border-top: 1px solid #48555b;
  left: -10px;
  position: absolute;
  z-index: 20;
  padding: 10px;
  background: url("/img/rs3/content_repeat_y.jpg") repeat-y 0 0;
  width: 490px;
}
.storeLoc .selectStore .subMenu:after {
  background: url("/img/rs3/background-bar-repeat.png") repeat scroll 0 0
    transparent;
  bottom: 0;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  width: 100%;
}
.storeLoc .countryFlag {
  padding: 23px 0 0;
}
.countryFlag {
  background: url("/img/rs3/cards/flag-sprite.png") no-repeat top right;
}
.countryFlag.countryUS {
  background-position: right 0;
}
.countryFlag.countryUK {
  background-position: right -109px;
}
.countryFlag.countryCA {
  background-position: right -218px;
}
.countryFlag.countryOZ {
  background-position: right -327px;
}
.countryFlag.countryNZ {
  background-position: right -436px;
}
.countryFlag.countryAustria {
  background-position: right -545px;
}
.countryFlag.countryIre {
  background-position: right -654px;
}
.countryFlag.countryDE {
  background-position: right -763px;
}
.countryFlag.countryDen {
  background-position: right -872px;
}
.countryFlag.countryFinland {
  background-position: right -981px;
}
.countryFlag.countryHol {
  background-position: right -1090px;
}
.countryFlag.countryNor {
  background-position: right -1199px;
}
.countryFlag.countrySwed {
  background-position: right -1308px;
}
.countryFlag.countrySwiz {
  background-position: right -1417px;
}
.storeLoc .twoColumns .left > * {
  padding-left: 35px;
  padding-right: 30px;
}
.storeLoc .right {
  float: right;
  width: 511px;
  position: relative;
}
.storeLoc .right h2 {
  color: #075104;
  font-size: 4.5em;
  position: absolute;
  top: 75px;
  left: 35px;
  line-height: 0.6em;
  text-shadow: 1px 1px 1px black;
}
.storeLoc .right h2:after {
  border-color: transparent transparent transparent #000;
  border-style: solid;
  border-width: 7px 10px;
  content: "";
  position: absolute;
  right: -30px;
  top: 40px;
}
.storeLoc .right .store h2:after {
  border-color: transparent transparent transparent #e1bb34;
}
.storeLoc .right .member h2:after {
  top: 55px;
}
.storeLoc .right .store h2 {
  color: #e1bb34;
}
.storeLoc .right .member h2 {
  color: #000;
  line-height: 0.8em;
  text-shadow: 1px 1px 1px white;
  top: 50px;
}
.storeLoc .right .smallerFont {
  font-size: 0.49em;
  color: #fff;
  letter-spacing: 0;
  text-shadow: 1px 1px 1px black;
}
.storeLoc .right:hover article a {
  opacity: 0.5;
}
.storeLoc .right:hover article a:hover {
  opacity: 1;
}
.storeLoc .ctaButton {
  position: relative;
}
.storeLoc .ctaButton a {
  display: block;
  position: relative;
  height: 205px;
}
.storeLoc .ctaButton.member a {
  background: url("/img/rs3/cards/member-packages.jpg") no-repeat scroll 0 0
    transparent;
}
.storeLoc .ctaButton.store a {
  background: url("/img/rs3/cards/activate-card.jpg") no-repeat scroll 0 0
    transparent;
}
.storeLoc .right:before,
.storeLoc .right:after,
.storeLoc .ctaButton:after {
  background: url("/img/rs3/global/corner-decorations.png") no-repeat scroll 0 0
    transparent;
  content: "";
  height: 30px;
  position: absolute;
  width: 69px;
  z-index: 2;
}
.storeLoc .right:before {
  left: -21px;
  top: 0;
}
.storeLoc .right:after {
  background-position: 0 -381px;
  bottom: 0;
  height: 24px;
  left: -21px;
}
.storeLoc .ctaButton:before {
  background: url("/img/rs3/global/corner-decorations.png") no-repeat scroll
    right -193px transparent;
  content: "";
  height: 26px;
  position: absolute;
  right: 0;
  top: -11px;
  width: 16px;
  z-index: 2;
}
.storeLoc .ctaButton:after {
  background-position: right 0;
  right: 0;
  top: 0;
  width: 28px;
}
.storeLoc .ctaButton.store:after {
  background-position: right -375px;
  bottom: 0;
  top: auto;
}
.storeLoc .ctaButton.member:before {
  background-position: -21px -194px;
  top: -9px;
  left: -2px;
  right: auto;
}
.storeLoc .ctaButton.member a {
  background: url("/img/rs3/cards/member-packages.jpg") no-repeat scroll 0 0
    transparent;
}
.storeLoc .ctaButton.store a {
  background: url("/img/rs3/cards/activate-card.jpg") no-repeat scroll 0 0
    transparent;
}
.storeLoc .patternedBorder {
  position: relative;
  padding: 50px 35px 35px 35px;
}
.storeLoc .patternedBorder:before {
  box-shadow: none;
}
.storeLoc .patternedBorder.topPattern:before {
  background: url("/img/rs3/background-bar-repeat2.png") repeat-x 0 0;
}
.lt-ie8 .storeLoc .patternedBorder {
  z-index: -1;
  position: relative;
}
.storeLoc .patternedBorder p {
  margin-top: 10px;
  font-size: 1.5em;
  color: #d7dbe1;
}
.storeLoc .sectionDecor {
  background: url("/img/rs3/cards/page-decor.jpg") no-repeat 0 0;
}
.storeLoc .sectionDecor > * {
  margin-left: 30px;
}
.lt-ie9 .storeLoc .left {
  border-top: 2px solid black;
}
.storeLoc .shopList {
  overflow: auto;
  margin-bottom: -15px;
  display: none;
}
.no-js .storeLoc .shopList {
  display: block;
}
.shopLink {
  display: block;
  width: 144px;
  height: 89px;
  text-indent: -9999px;
  background: url("/img/rs3/cards/shop-sprite.jpg?1") no-repeat 0 0;
  float: left;
  margin: 0 10px 10px 0;
  box-shadow: 4px 0px 8px #000;
  -moz-box-shadow: 4px 0px 8px #000;
  -webkit-box-shadow: 4px 0px 8px #000;
}
.shopList:hover a {
  opacity: 0.5;
}
.shopList:hover a:hover {
  opacity: 1;
}
.shopLink.shopAsda {
  background-position: 0 0;
}
.shopLink.shopGame {
  background-position: 0 -89px;
}
.shopLink.shopGameStop {
  background-position: 0 -178px;
}
.shopLink.shopHMV {
  background-position: 0 -267px;
}
.shopLink.shopSains {
  background-position: 0 -356px;
}
.shopLink.shopToysRUs {
  background-position: 0 -445px;
}
.shopLink.shopPCWorld {
  background-position: 0 -534px;
}
.shopLink.shopWHSmith {
  background-position: 0 -623px;
}
.shopLink.shopBestBuy {
  background-position: 0 -712px;
}
.shopLink.shopCaseys {
  background-position: 0 -801px;
}
.shopLink.shopFYE {
  background-position: 0 -890px;
}
.shopLink.shopBlockBust {
  background-position: 0 -979px;
}
.shopLink.shopHuck {
  background-position: 0 -1068px;
}
.shopLink.shopSpeedway {
  background-position: 0 -1157px;
}
.shopLink.shopSheet2 {
  background-position: 0 -1246px;
}
.shopLink.shopRiteAid {
  background-position: 0 -1335px;
}
.shopLink.shopRaceTrac {
  background-position: 0 -1424px;
}
.shopLink.shopHoliday {
  background-position: 0 -1513px;
}
.shopLink.shop7Elev {
  background-position: 0 -1602px;
}
.shopLink.shopSpeedwaySA {
  background-position: 0 -1691px;
}
.shopLink.shopTarget {
  background-position: 0 -1780px;
}
.shopLink.shopWalmart {
  background-position: 0 -1869px;
}
.shopLink.shopEBGames {
  background-position: 0 -1958px;
}
.shopLink.shopLondonDrugs {
  background-position: 0 -2047px;
}
.shopLink.shopZellers {
  background-position: 0 -2225px;
}
.shopLink.shopAustPost {
  background-position: 0 -2314px;
}
.shopLink.shopBigW {
  background-position: 0 -2403px;
}
.shopLink.shopDickSmith {
  background-position: 0 -2492px;
}
.shopLink.shopDrake {
  background-position: 0 -2581px;
}
.shopLink.shopJBHiFi {
  background-position: 0 -2670px;
}
.shopLink.shopWools {
  background-position: 0 -2759px;
}
.shopLink.shopBartSmit {
  background-position: 0 -2848px;
}
.shopLink.shopNewEgg {
  background-position: 0 -2937px;
}
.shopLink.shopZeevex {
  background-position: 0 -3026px;
}
.shopLink.shopDollar {
  background-position: 0 -3115px;
}
.shopLink.shoppersDrugMart {
  background-position: 0 -3204px;
}
.shopLink.shopHastings {
  background-image: url("/img/rs3/cards/shop-hastings.jpg");
}
.shopLink.shopMeijer {
  background-image: url("/img/rs3/cards/shop-meijer.jpg");
}
.de.storeLoc .selectStore .menu {
  width: 360px;
}
.de.storeLoc .selectStore .subMenu {
  width: 550px;
}
.fr.storeLoc .selectStore .menu {
  width: 280px;
}
.de.storeLoc .textCenter,
.fr.storeLoc .textCenter,
.pt.storeLoc .textCenter {
  position: relative;
  bottom: 15px;
}
.es.storeLoc .right h2 {
  font-size: 4em;
}
.pt.storeLoc .right h2 {
  font-size: 3.9em;
}
.de.storeLoc .right h2 {
  font-size: 3.2em;
  line-height: 1em;
}
.de.storeLoc .right .member h2 {
  line-height: 1em;
}
.de.storeLoc .right .smallerFont {
  font-size: 0.9em;
}
.pt.storeLoc .right h2:after,
.es.storeLoc .right h2:after {
  top: 36px;
}
.de.storeLoc .right h2:after {
  top: 43px;
  right: -20px;
}
.pt.storeLoc .right .member h2:after,
.es.storeLoc .right .member h2:after {
  top: 48px;
}
.pt.storeLoc .right .member h2:after {
  top: 38px;
}
.support .banner .inner {
  height: 408px;
}
.support .title {
  padding: 0 30px 28px 0;
}
.support .title span {
  background: none;
  padding-bottom: 2px;
  text-indent: 2px;
  text-shadow: 1px 1px 2px black;
}
.support .title span:before {
  display: none;
}
.support .breadcrumb {
  box-shadow: 0 15px 10px -4px black;
}
.support section {
  overflow: hidden;
  padding: 30px 20px 0;
}
.support section h3 {
  margin-bottom: 15px;
}
.support section p {
  font-size: 1.5em;
}
.support section label {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1.5em;
  margin-top: 13px;
  padding-right: 10px;
}
.support section.userInformation label {
  width: 181px;
}
.support section .emailAddUNDescriptor {
  padding-right: 28px;
}
.support section input {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.support section input[type="submit"] {
  font-size: 1em;
}
.support input.username,
.support input.emailAddress {
  width: 600px;
}
.support section input.emailAddress {
  margin-bottom: 5px;
}
.support section .formPart {
  clear: both;
}
.support section.tech .formPart {
  width: 435px;
}
.support section .withAdd,
.support section .formAdditional {
  clear: none;
  float: left;
}
.support section .formPartPair,
.support section .charRemTextContainer {
  clear: both;
}
.support section .charRemTextContainer {
  height: 20px;
  padding-top: 5px;
}
.support section .charRemText,
.support section .inputNotes {
  display: none;
  color: #aaa;
}
.support section .inputNotesContainer {
  margin-left: 210px;
  height: 20px;
}
.support section.tech .formAdditional {
  margin-left: 93px;
  width: 307px;
}
.support .formPartPair .formAdditional {
  display: none;
}
.support section.tech input {
  float: right;
  width: 200px;
}
.support section.tech select {
  background-color: #010709;
  border: 1px solid #355563;
  border-radius: 6px;
  color: #aed0e0;
  cursor: pointer;
  font-family: "MuseoSans";
  float: right;
  font-size: 1.5em;
  margin-bottom: 20px;
  padding: 10px 12px 9px 12px;
  width: 226px;
}
.support .finalSection {
  margin-bottom: 20px;
}
.support section textarea {
  background-color: #010709;
  border: 1px solid #355563;
  border-radius: 6px;
  color: #aed0e0;
  float: left;
  font-family: "MuseoSans";
  font-size: 1.5em;
  height: 300px;
  overflow: auto;
  padding: 10px 12px;
  resize: none;
  width: 500px;
}
.support section .messageNotes {
  float: left;
  margin-left: 20px;
  max-width: 410px;
}
.support .messageNotes .include {
  color: #0a0;
  font-size: 1.5em;
}
.support .messageNotes .noInclude {
  color: #c00;
  font-size: 1.5em;
  margin-top: 10px;
}
.support .messageNotes ul {
  font-size: 1.5em;
  line-height: 150%;
  list-style: disc outside;
  margin-top: 5px;
}
.support .messageNotes li {
  margin-left: 20px;
  word-wrap: break-word;
}
.support .catInvalid,
.support .confirmationSection {
  min-height: 460px;
}
.support .ticketingFormError {
  color: #f00;
  margin-top: 10px;
}
.support .techSupportAppletContainer {
  margin-bottom: 30px;
  margin-left: 183px;
  margin-top: 20px;
}
.support .suppLandingSection {
  margin: 0 20px;
  padding: 20px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #1e313c;
}
.support h2 {
  font-size: 5em;
  margin-top: 20px;
}
.support h2.serviceStatusTitle {
  font-size: 3em;
  margin-top: 0;
}
.support h2 span {
  color: #d7dbe1;
  display: block;
  font-size: 0.6em;
}
.support .suppLandingSection.secondSuppLandingSection {
  padding: 0 20px;
}
.support .supportAbstractContainer {
  overflow: hidden;
}
.support .supportAbstractContainer:first-child {
  border-bottom: 1px solid #000;
}
.support .supportAbstractContainer:last-child {
  border-top: 1px solid #1e313c;
}
.support .supportAbstract,
.support .supportAbstract img,
.support .supportAbstract div {
  float: left;
}
.support .supportAbstract {
  margin-bottom: 20px;
  margin-top: 20px;
  width: 50%;
}
.support .supportAbstract img {
  margin-right: 15px;
}
.support .supportAbstract div {
  width: 75%;
}
.support .supportAbstract a {
  color: #e1bb34;
  display: inline-block;
  font-size: 1.5em;
  margin-top: 5px;
}
.support .supportAbstract a:hover {
  color: #a9acad;
}
.support .suppLandingSection h3 {
  color: #b2dbee;
  margin-bottom: 5px;
}
.support .suppLandingSection ul {
  font-size: 1.5em;
  list-style-type: disc;
  color: #b2dbee;
  margin-left: 20px;
  margin-top: 20px;
}
.support .suppLandingSection li {
  line-height: 1.5em;
  margin-bottom: 20px;
}
.support .suppLandingSection li span {
  color: #d7dbe1;
}
.support-section {
  overflow: hidden;
  padding: 25px 20px 0;
}
.support-section.support-section--submit {
  padding-top: 0;
}
.support-section.support-section--invalid-cat {
  min-height: 460px;
}
.support-section__title {
  margin-bottom: 15px;
}
.support-section__paragraph {
  font-size: 1.5em;
}
.support-row {
  clear: both;
  overflow: hidden;
}
.support-row__column {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
}
.support-row__column.support-row__column--1 {
  width: 50%;
  float: left;
}
.support-row__column.support-row__column--no-space {
  padding-bottom: 0;
}
.support-row__label {
  cursor: pointer;
  float: left;
  margin-bottom: 4px;
  font-size: 1.5em;
  clear: both;
}
.support-row__input {
  float: left;
  clear: left;
  width: 410px;
}
.support-row__input:focus + .support-row__tip {
  display: block;
}
.support-row__tip {
  position: absolute;
  bottom: 5px;
  display: none;
  right: 45px;
  opacity: 0.7;
  font-size: 1.1em;
  text-align: right;
  font-style: italic;
}
.support-textarea-field {
  background-color: #010709;
  border: 1px solid #355563;
  border-radius: 6px;
  color: #aed0e0;
  float: left;
  font-family: "MuseoSans";
  font-size: 1.5em;
  height: 150px;
  overflow: auto;
  clear: left;
  padding: 10px 12px;
  resize: none;
  width: 892px;
}
.support-char-counter {
  float: right;
  margin-right: 42px;
  margin-top: 2px;
  font-style: italic;
}
.support-select-field {
  background-color: #010709;
  border: 1px solid #355563;
  border-radius: 6px;
  height: 41px;
  color: #aed0e0;
  cursor: pointer;
  font-family: "MuseoSans";
  font-size: 1.5em;
  padding: 10px 12px 9px 12px;
  width: 198px;
}
.support-message-notes {
  float: left;
  margin-left: 20px;
  max-width: 410px;
}
.support-message-notes .include {
  color: #0a0;
  font-size: 1.5em;
}
.support-message-notes .noInclude {
  color: #c00;
  font-size: 1.5em;
  margin-top: 10px;
}
.support-message-notes ul {
  font-size: 1.5em;
  line-height: 150%;
  list-style: disc outside;
  margin-top: 5px;
}
.support-message-notes ul li {
  margin-left: 20px;
  word-wrap: break-word;
}
.support-action-button input {
  font-size: 1em;
}
.tempHSCatSectionLeft {
  border-right: 1px solid #1e313c;
  float: left;
  margin-bottom: 20px;
  padding-right: 10px;
  width: 320px;
}
.hiscore .content .tempHSCategorySection .tempHSCatSectionLeft p {
  margin-bottom: 15px;
}
.hiscore
  .content
  .tempHSCategorySection
  .tempHSCatSectionLeft
  p.activeHiScoreDescription {
  min-height: 31px;
}
.hiscore .tempHSCategorySection .tempHSCatSectionLeft .filter {
  line-height: 1.55em;
  padding-bottom: 0;
}
.tempHSCatSectionRight {
  float: left;
  margin-bottom: 20px;
  margin-left: 20px;
  overflow: hidden;
  width: 259px;
}
.fr .tempHSCatSectionRight {
  margin-left: 10px;
  width: 269px;
}
.pt .tempHSCatSectionRight {
  margin-left: 5px;
  width: 274px;
}
.tempHSCatSectionRightCycles {
  clear: both;
  padding-top: 16px;
  text-align: right;
}
.tempHSCatSectionRightDate {
  text-align: right;
}
.tempHSCatSectionRight div.endsInTextContainer {
  float: left;
  height: 25px;
  margin-left: 17px;
  margin-top: 15px;
}
.es .tempHSCatSectionRight div.endsInTextContainer {
  margin-left: 9px;
}
.fr .tempHSCatSectionRight div.endsInTextContainer {
  margin-left: 0;
}
.pt .tempHSCatSectionRight div.endsInTextContainer {
  margin-left: 0px;
  margin-right: 3px;
}
.tempHSCatSectionRight div.endsInTextContainer p {
  color: #fff;
  font-family: "cinzel";
  margin-bottom: 0;
}
.tempHSCatSectionRight .numeral,
.tempHSCatSectionRight .divider {
  width: 12px;
}
.tempHSCatSectionRight .countdownWrapper {
  float: left;
}
.tempHSCatSectionRight .countdownTimer {
  margin-left: 13px;
}
.hiscore .sidebar .tempHSSideSection {
  margin-top: 20px;
}
.hiscore .sidebar .tempHSSideSection h3 {
  border: none;
  color: #ffcb05;
  font-size: 2.2em;
}
.js .hiscore .sidebar .tempHSSideSection #seasonalEventUpcoming,
.js .hiscore .sidebar .tempHSSideSection #seasonalEventPast,
.no-js .hiscore .sidebar .tempHSSideSection .seasonalEventLink {
  display: none;
}
.hiscore .tempHSCategorySection {
  border-bottom: 1px solid #000;
  margin-right: 20px;
  overflow: hidden;
}
.hiscore .tempHSCategorySection h3 {
  margin-bottom: 15px;
  width: 550px;
}
.hiscore .tempHSCategorySection.notFound {
  border-bottom: none;
}
.hiscore .tempHSCategorySection .filter {
  border: none;
}
.hiscore .tempHSCategorySection .filter .active {
  color: #fff;
}
.hiscore .tempHSCategorySection .divider {
  width: 10px;
}
.hiscore .content .tempHSCategorySection p {
  margin-bottom: 10px;
}
.hiscore .tempHSCategorySection .countdownLabel {
  clear: none;
}
.hiscore .tempHSCategorySection .countdownLabel span {
  margin-left: 23px;
  margin-right: 0;
  width: 20px;
}
.tempHSSideSection .eventData {
  min-height: 385px;
}
.tempHSRankingSeasonalEvent {
  border-top: 1px solid #1e313c;
  border-bottom: 1px solid #000;
  margin: 0 30px;
  min-height: 55px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.tempHSRankingSeasonalEventContent {
  display: table-cell;
  height: 55px;
  vertical-align: middle;
}
.tempHSRankingSeasonalEventContent {
  color: #b2dbee;
}
.tempHSRankingSeasonalEventContent a {
  color: #b2dbee;
}
.tempHSRankingSeasonalEventContent a:hover {
  color: #e1bb34;
}
.tempHSRankingSeasonalEvent.firstTempHSRankingSeasonalEvent {
  border-top: none;
}
.tempHSRankingSeasonalEvent.lastTempHSRankingSeasonalEvent {
  border-bottom: none;
}
.tempHSRankingSeasonalEvent h4 {
  font-size: 1.4em;
  line-height: 125%;
  padding: 0;
}
.hiscore .sidebar .tempHSSideSection .tempHSRankingSeasonalEvent p {
  border: none;
  color: #d7dbe1;
  font-size: 1.1em;
  margin: 0;
  padding: 0;
}
.tempHSSideSection a.notYetActive {
  color: #fff;
}
.tempHSSideSection a.notYetActive:hover {
  color: #e1bb34;
}
.tempHSSideSection sub.notYetActive {
  color: #fff;
}
.tempHSSideSection a.nowComplete {
  color: #767879;
}
.tempHSSideSection a.nowComplete:hover {
  color: #e1bb34;
}
.tempHSSideSection sub.nowComplete {
  color: #767879;
}
.tempHSSideSection .paging,
.tempHSSideSection .pagination {
  border: none;
  float: none;
  left: auto;
  position: static;
}
.tempHSSideSection .pagination .previous {
  margin-left: 30px;
}
.hiscore .sidebar .tempHSSideSection .paging h3 {
  background: none;
  border: none;
  color: #ffcb05;
  float: left;
  font-family: "cinzel";
  font-size: 1.8em;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 260px;
}
.es.hiscore .sidebar .tempHSSideSection .paging h3 {
  font-size: 1.6em;
  line-height: 26px;
}
.tempHSSideSection .seasonalEventDate {
  height: 30px;
  overflow: hidden;
}
.hiscore .tempHSSideSection .btnShowMore {
  float: right;
  margin-left: 30px;
}
.no-js .hiscore .lowerPag span.check {
  display: none;
}
.hiscore .sidebar .tempHSSideSection .paging h3.seasonalTitleWithoutPrev {
  margin-left: 41px;
}
.tempHSOverview {
  margin: 30px;
  width: 940px;
}
.tempHSOverview h2 {
  color: #e1bb34;
  margin-bottom: 10px;
  width: 940px;
}
.tempHSOverviewSegment {
  padding-top: 20px;
  position: relative;
  width: 100%;
}
.tempHSOverviewSegment--break-below:after {
  background: #000;
  border-bottom: 1px solid #223843;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tempHSOverviewSegment__block-link {
  display: inline-block;
  font-size: 1.4em;
  margin-bottom: 1em;
}
.tempHSOverviewSegment__block-link--arrow {
  position: relative;
}
.tempHSOverviewSegment__block-link--arrow:after {
  content: ">";
  display: inline-block;
  margin: 0 0.5em;
}
.topOverviewSegment {
  border-top: 1px solid #223843;
}
.tempHSOverviewSegment.titleSegment {
  border-top: none;
  border-bottom: 1px solid #000;
  padding-top: 0;
}
.tempHSOverview .mediumArrowLeft,
.tempHSOverview .mediumArrowRight {
  display: block;
  float: left;
  height: 20px;
  width: 16px;
}
.tempHSOverview .topMonthNavSpace {
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
}
.tempHSOverview .mediumArrowLeft {
  background-image: url("/img/rs3/_sprite/mediumArrowLeft.png");
}
.tempHSOverview .mediumArrowRight {
  background-image: url("/img/rs3/_sprite/mediumArrowRight.png");
}
.tempHSOverview .topMonth {
  float: left;
  text-align: center;
  width: 908px;
}
.tempHSOverview .topMonthWithoutPrev {
  margin-left: 16px;
}
.tempHSOverview .tempHSBox {
  float: left;
  width: 306px;
  height: 90px;
  overflow: hidden;
  border-bottom: 1px solid #000000;
}
.tempHSOverview .tempHSBoxCentre {
  border-left: 1px solid #0b202b;
  border-right: 1px solid #0b202b;
}
.tempHSOverview .numeral,
.tempHSOverview .divider {
  margin-right: 0;
}
.tempHSOverview .tempHSFuture {
  background: url("/img/rs3/hiscores/temp-finished.png") no-repeat 0 0;
  width: 276px;
  height: 60px;
  padding: 15px;
  position: relative;
}
.tempHSOverview .tempHSActive {
  background: url("/img/rs3/hiscores/temp-active.png") no-repeat 0 0;
  width: 276px;
  height: 60px;
  padding: 15px;
  position: relative;
}
.tempHSOverview .tempHSFinished {
  background: url("/img/rs3/hiscores/temp-finished.png") no-repeat 0 0;
  width: 276px;
  height: 60px;
  padding: 15px;
  position: relative;
}
.tempHSOverview .countdownWrapper {
  position: absolute;
  right: 5px;
  bottom: 7px;
}
.tempHSOverview .tempHSBox h3 {
  font-size: 1.6em;
  margin-bottom: 5px;
  height: 35px;
  overflow: hidden;
}
.tempHSOverview .tempHSFinished h3 {
  height: 18px;
}
.tempHSOverview .tempHSActive h3 a {
  color: #b2dbee;
}
.tempHSOverview .tempHSFinished h3 a,
.tempHSOverview .tempHSFinished .subText {
  color: #767879;
}
.tempHSOverview .tempHSFuture h3 a,
.tempHSOverview .tempHSFuture .subText,
.tempHSOverview .tempHSActive .subText {
  color: #fff;
}
.tempHSOverview p.subText {
  font-size: 1.1em;
  margin-bottom: 5px;
}
.tempHSOverview p.subText a {
  color: #b2dbee;
}
.tempHSOverview .dateTxt {
  font-size: 1.3em;
  position: absolute;
  bottom: 17px;
  left: 15px;
}
.tempHSOverview .divider {
  width: 10px;
}
.tempHSOverview .countdownLabel span {
  margin-right: 0px;
  width: 45px;
}
.tempHSOverDivider {
  background-color: #223843;
  border-top: 1px solid #000;
  float: left;
  height: 1px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-top: 20px;
  width: 910px;
}
.tempHSOverShowSection {
  clear: both;
  height: 45px;
  padding-top: 20px;
}
.tempHSOverDividerShort {
  width: 770px;
}
.es .tempHSOverDividerShort {
  width: 787px;
}
.de .tempHSOverDividerShort {
  width: 743px;
}
.fr .tempHSOverDividerShort {
  width: 748px;
}
.pt .tempHSOverDividerShort {
  width: 758px;
}
.tempHSShowMoreContainer {
  float: left;
  margin-left: 20px;
  margin-top: -18px;
}
.fr .tempHSShowMoreContainer {
  float: right;
  margin-right: 10px;
}
.tempHSShowMoreContainerActive {
  display: none;
}
.tempHSOverview .sidebar h3 {
  border: none;
}
.hiscore .content.tempHSRanking {
  background: transparent url("/img/rs3/background-tabbedelement.jpg") repeat-y
    0 0;
  box-shadow: 10px 0px 8px #000;
  -moz-box-shadow: 10px 0px 8px #000;
  -webkit-box-shadow: 10px 0px 8px #000;
  min-height: 800px;
}
.tempHSRanking .emptyTableContainer {
  position: relative;
}
.tempHSRanking .emptyTableOverlay {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 60;
  position: absolute;
  top: 0;
  width: 100%;
}
.tempHSRanking .emptyTableText {
  left: 0;
  position: absolute;
  text-align: center;
  top: 77px;
  width: 100%;
}
.tempHSOverviewSegment h3 {
  color: #e1bb34;
  margin-bottom: 30px;
}
.tempHSOverviewSegment.activeSegment {
  border-top: 1px solid #223843;
}
.tempHSOverviewBox {
  border-color: transparent;
  border-image: url("/img/rs3/hiscores/temphs-overview-box-border.png") 3 3 3 3
    repeat repeat;
  border-style: solid;
  border-width: 3px;
  box-shadow: 0 0 3px 3px black;
  float: left;
  height: 120px;
  margin-bottom: 12px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  width: 296px;
}
.no-borderimage .tempHSOverviewBox {
  height: 126px;
  margin-left: 0;
  width: 302px;
}
.tempHSOverviewBox.endOfLine {
  margin-right: 0;
}
.tempHSOverviewBoxContents {
  background-image: url("/img/rs3/hiscores/temphs-overview-box-bg.png");
  background-position: center;
  height: 120px;
  width: 296px;
}
.tempHSOverviewBox.reduceHeight,
.tempHSOverviewBox.reduceHeight .tempHSOverviewBoxContents {
  height: 101px;
}
.tempHSOverviewBox.reduceHeight .tempHSOverviewBoxTopSection {
  height: 52px;
}
.no-borderimage .tempHSOverviewBoxContents {
  left: 3px;
  position: relative;
  top: 3px;
}
.tempHSOverviewBox .corner {
  display: none;
}
.no-borderimage .tempHSOverviewBox .corner {
  background-image: url("/img/rs3/hiscores/temphs-overview-box-border.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 60%;
  margin: 0;
  position: absolute;
  width: 60%;
  z-index: 0;
}
.no-borderimage .tempHSOverviewBox .topLeft {
  left: 0;
  top: 0;
}
.no-borderimage .tempHSOverviewBox .topRight {
  background-position: top right;
  top: 0;
  right: 0;
}
.no-borderimage .tempHSOverviewBox .bottomLeft {
  background-position: bottom left;
  bottom: 0;
  left: 0;
}
.no-borderimage .tempHSOverviewBox .bottomRight {
  background-position: bottom right;
  bottom: 0;
  right: 0;
}
.hiscore .tempHSOverviewBoxHover {
  display: none;
  position: absolute;
  right: -300px;
  top: -2px;
  width: 260px;
  background: transparent url("/img/rs3/content_repeat_y.jpg") repeat-y 0 0;
  padding: 10px 10px 0;
  box-shadow: 0 0 3px 3px black;
  z-index: 10;
  border: 1px solid #2e3f49;
}
.hiscore .tempHSOverviewBoxHover h4 {
  border-bottom: 1px solid #000000;
  color: #b2dbee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}
.hiscore .tempHSOverviewBoxHover h4:after {
  border-bottom: 1px solid #223843;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.hiscore .tempHSOverviewBoxHover p {
  color: #a9acad;
}
.tempHSOverviewBoxTopSection {
  height: 71px;
  padding: 12px 12px 0;
  width: 272px;
}
.tempHSOverviewBoxTitleContainer {
  height: 40px;
  overflow: hidden;
}
.tempHSOverviewBoxTopSection h4 {
  color: #b2dbee;
  height: 40px;
  line-height: 115%;
}
.tempHSOverviewBoxTopSection p,
.hiscore .content .tempHSOverviewBoxTopSection p {
  font-size: 1.1em;
  margin-top: 4px;
}
.fr .tempHSOverviewBoxTopSection p,
.fr.hiscore .content .tempHSOverviewBoxTopSection p,
.pt .tempHSOverviewBoxTopSection p,
.pt.hiscore .content .tempHSOverviewBoxTopSection p,
.es .tempHSOverviewBoxTopSection p,
.es.hiscore .content .tempHSOverviewBoxTopSection p {
  font-size: 1em;
}
.tempHSOverviewBoxTopSection .paraDesc {
  position: relative;
}
.tempHSOverviewBoxTopSection .paraDesc p.descAct {
  width: 75%;
  height: 19px;
  overflow: hidden;
}
.tempHSOverviewBoxTopSection .descLinkStyle {
  cursor: help;
  position: absolute;
  right: 52px;
  top: 3px;
}
.tempHSOverviewBoxTopSection .descLinkStyle a {
  display: block;
  text-decoration: underline;
}
.no-js .descLinkStyle {
  display: none;
}
.tempHSOverviewBoxTopSection p strong,
.hiscore .content .tempHSOverviewBoxTopSection p strong {
  font-weight: normal;
  color: #b2dbee;
}
.tempHSOverviewBoxBottomSection {
  height: 36px;
  position: relative;
  width: 296px;
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomActive {
  background-image: url("/img/rs3/hiscores/temp-hiscores-bottom-bg-active.jpg");
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomPast {
  background-image: url("/img/rs3/hiscores/temp-hiscores-bottom-bg-past.jpg");
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomPast.tempHSBoxBottomCalculating {
  background-image: url("/img/rs3/hiscores/temp-hiscores-bottom-bg-past-calculating.jpg");
}
.tempHSOverviewBoxBottomSection.tempHSBoxBottomUpcoming {
  background-image: url("/img/rs3/hiscores/temp-hiscores-bottom-bg-upcoming.jpg");
}
.tempHSIconContainer {
  background-image: url("/img/rs3/hiscores/temphs-icon-container.png");
  bottom: 8px;
  height: 46px;
  position: absolute;
  right: 10px;
  width: 46px;
  overflow: hidden;
}
.tempHSIconContainer img {
  width: 40px;
  height: 40px;
  margin: 3px 0 0 3px;
}
.tempHSCategorySection .tempHSIconContainer {
  right: 18px;
  top: 7px;
}
.tempHSOverviewBoxBottomText,
.content .tempHSOverviewBoxBottomText {
  color: #143c4f;
  float: left;
  font-size: 1.4em;
  margin-bottom: 0;
  padding-top: 8px;
}
.tempHSOverviewBoxBottomText.calculatingSpace,
.content .tempHSOverviewBoxBottomText.calculatingSpace {
  padding-top: 10px;
}
.tempHSOverviewBoxBottomText.posText,
.content .tempHSOverviewBoxBottomText.posText {
  text-align: center;
  width: 36px;
}
.content .tempHSOverviewBoxBottomText.locAdjust {
  width: 78px;
}
.fr .content .tempHSOverviewBoxBottomText.locAdjust,
.pt .content .tempHSOverviewBoxBottomText.locAdjust {
  font-size: 1em;
  margin-top: 3px;
}
.tempHSOverviewBoxBottomText sup {
  line-height: 14px;
  vertical-align: text-top;
}
.tempHSOverviewBoxBottomText.userAvatar,
.content .tempHSOverviewBoxBottomText.userAvatar {
  text-align: center;
  width: 36px;
  padding-top: 6px;
}
.tempHSOverviewBoxBottomText.userDisplayName,
.content .tempHSOverviewBoxBottomText.userDisplayName {
  margin-left: 15px;
  width: 140px;
  overflow: hidden;
}
.hiscore .tempHSExtraBoxContainer {
  width: 100%;
}
.js .hiscore .tempHSExtraBoxContainer {
  display: none;
}
.hiscore .seasonalCompareShared {
  margin-bottom: 40px;
}
.hiscore .tempLoading {
  background: url("/img/rs3/lightbox/fancybox_loading.gif") no-repeat center 97%;
}
.tempHSOverviewBox.tempHSCompareBox {
  width: 385px;
  margin-bottom: 0;
}
.tempHSOverviewBox.tempHSCompareBox .tempHSOverviewBoxContents,
.tempHSCompareBoxTopSection,
.tempHSCompareBoxBottom {
  width: 100%;
}
.no-borderimage .tempHSOverviewBox.tempHSCompareBox .tempHSOverviewBoxContents,
.no-borderimage .tempHSCompareBoxTopSection,
.no-borderimage .tempHSCompareBoxBottom {
  width: 99%;
}
.tempHSCompareBoxLeft,
.no-borderimage .tempHSCompareBoxLeft {
  margin-left: 30px;
}
.compareSkillsOuter.tempHSCompareSkillsOuter {
  margin-top: 15px;
}
.hiscore .tempHSCompareSkillsOuter h3 {
  color: #b2dbee;
  text-align: center;
  background: url("/img/rs3/hiscores/temp-compare-type.png") no-repeat 2px
    center;
  color: #b2dbee;
  font-size: 1.4em;
  margin: 0 auto;
  width: 203px;
  height: 90px;
  line-height: 90px;
}
.fr.hiscore .tempHSCompareSkillsOuter h3 {
  font-size: 1.3em;
}
.es.hiscore .tempHSCompareSkillsOuter h3 {
  font-size: 1.1em;
}
.hiscore .tempHSOverviewEmptyBox {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  float: left;
  width: 389px;
  height: 120px;
  border: 1px solid #203642;
  margin: 0 5px;
  line-height: 120px;
  text-align: center;
  color: #a9acad;
  box-shadow: 0 0 3px 3px black;
  position: relative;
  top: 3px;
}
.hiscore .tempHSOverviewEmptyBox.tempHSCompareBoxLeft {
  margin-left: 30px;
}
.hiscore .tempHSOverviewEmptyBox.hiscoreUserNotExistLeft {
  margin-left: 40px;
  margin-right: 69px;
  margin-top: 30px;
}
.hiscore .tempHSOverviewEmptyBox.hiscoreUserNotExistRight {
  margin-left: 65px;
  margin-top: 30px;
}
.hiscore .tempHSOverviewEmptyBox h4 {
  color: #a9acad;
}
.hiscore .tempHSCrossOuter {
  width: 154px;
  height: 140px;
  float: left;
  background: url("/img/rs3/hiscores/compare-no-win.png") no-repeat 0 0;
  margin: 0 -4px;
}
.hiscore .tempHSCrossOuter.noLeftContent {
  margin-left: 422px;
}
.hiscore .tempHSCrossOuter.tempHSCrossLeft {
  background: url("/img/rs3/hiscores/compare-left-win.png") no-repeat -1px 0;
}
.hiscore .tempHSCrossOuter.tempHSCrossRight {
  background: url("/img/rs3/hiscores/compare-right-win.png") no-repeat 0 0;
}
.hiscore .tempHSCrossOuter.tempHSCrossLeftEnd {
  background: url("/img/rs3/hiscores/compare-left-win-end.png") no-repeat -1px 0;
}
.hiscore .tempHSCrossOuter.tempHSCrossRightEnd {
  background: url("/img/rs3/hiscores/compare-right-win-end.png") no-repeat 0 0;
}
.hiscore .tempHSPlayerWinTotalOuter {
  margin: 0;
  position: relative;
  background: url("/img/rs3/hiscores/compare-no-win.png") no-repeat top center;
  right: 1px;
}
.hiscore .tempHSPlayerWinTotal {
  width: 426px;
  height: 88px;
  background: url("/img/rs3/hiscores/temp-compare-summary.png") no-repeat 0 0;
  position: relative;
  margin: -50px 0 -14px;
}
.hiscore .tempHSPlayerWinTotal.tempHSPlayerWinTotalLeft {
  float: left;
  left: 20px;
}
.hiscore .tempHSPlayerWinTotal.tempHSPlayerWinTotalRight {
  float: right;
  right: 6px;
}
.hiscore .tempHSPlayerWinTotalText {
  text-align: center;
  padding-right: 20px;
  padding-top: 20px;
}
.hiscore .tempHSPlayerWinTotalText h4 {
  color: #fbfbfb;
  font-size: 280%;
}
.hiscore .tempHSPlayerWinTotalText h5 {
  font-size: 1.5em;
}
.fr.hiscore
  .tempHSPlayerWinTotalText
  h5
  .pt.hiscore
  .tempHSPlayerWinTotalText
  h5 {
  font-size: 1.2em;
}
.tempHSCompareBoxBottomHigher {
  background-image: url("/img/rs3/hiscores/temphs-compare-bottom-bg-higher.jpg");
}
.tempHSCompareBoxBottomLower {
  background-image: url("/img/rs3/hiscores/temphs-compare-bottom-bg-lower.jpg");
}
p.tempHSOverviewBoxBottomText.posText.comparePosText {
  margin-left: 10px;
  text-align: left;
  width: 135px;
}
p.tempHSOverviewBoxBottomText.posText.comparePosText.calculatingText {
  margin-left: 0;
}
p.tempHSOverviewBoxBottomText.posText.compareScoreText {
  margin-left: 5px;
  text-align: left;
  width: 188px;
}
.tempHSOverShowSection.tempHSOverShowCompare {
  margin-left: 20px;
}
.tempHSOverShowSection.tempHSOverShowCompare
  .tempHSOverDivider.tempHSOverDividerActive {
  width: 940px;
}
.tempHSOverShowSection.tempHSOverShowCompare
  .tempHSOverDivider.tempHSOverDividerActive.tempHSOverDividerShort {
  width: 790px;
}
.hiscore .content.tempHSErrorPageContent {
  margin: 30px;
  min-height: 360px;
}
.content .tempHSUserSearchError {
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #000;
  border-top: 1px solid #1e313c;
  padding-top: 10px;
  padding-bottom: 15px;
}
.content .tempHSUserSearchError.searchErrorSkillSlctd {
  padding-bottom: 60px;
}
.content .tempHSUserSearchError p {
  color: #ffcb05;
  margin-bottom: 0;
}
.calculatingText {
  animation: slowBlink 2s ease-in-out infinite;
  -webkit-animation: slowBlink 2s ease-in-out infinite;
}
.tempHSOverviewBoxBottomText.posText.comparePosText.calculatingText {
  width: 109px;
}
.tempHSOverviewBoxBottomText.userDisplayName.calculatingTextOverview,
.content .tempHSOverviewBoxBottomText.userDisplayName.calculatingTextOverview {
  margin-left: 10px;
  width: 180px;
}
@keyframes slowBlink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.calculatingSpace {
  padding-top: 10px;
  text-align: center;
  width: 36px;
}
.backToOverviewButton {
  margin-left: 20px;
}
.template.info-template .title {
  padding-bottom: 31px;
}
.template.info-template .title span {
  z-index: 26;
}
.info-template-overview {
  min-height: 380px;
  width: 100%;
}
.info-template-overview--dungeons {
  background: url("/img/rs3/templates/dungeons.jpg") no-repeat -43px bottom;
}
.info-template-overview__copy {
  display: table-cell;
  padding: 30px 500px 30px 30px;
  vertical-align: middle;
}
.info-template-overview__copy p {
  font-size: 1.5em;
  margin-bottom: 10px;
}
.info-template-overview__table {
  background-position: bottom left;
  background-repeat: no-repeat;
  display: table;
  width: 100%;
}
.info-template-overview__foot {
  background: url("/img/rs3/global/bg_top.jpg") no-repeat -4px -4px;
  display: block;
  padding: 30px 0 50px;
  position: relative;
}
.info-template-overview__foot:before {
  background: transparent url("/img/rs3/global/tblRoughBreak.png") repeat-x;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 100%;
}
.info-template-overview__cell {
  display: table-cell;
  padding: 40px 60px;
  vertical-align: middle;
  width: 50%;
}
.info-template-overview__cell p {
  font-size: 1.5em;
}
.info-template-article {
  display: block;
  padding: 20px 0;
  position: relative;
}
.info-template-article h3 {
  color: #b2dbee;
  font-size: 2.2em;
  margin-bottom: 10px;
}
.info-template-article a {
  color: #e1bb34;
  font-weight: bold;
}
.info-template-article a:hover {
  color: #fff2c5;
}
.info-template-article:before,
.info-template-article:last-child:after {
  background: black;
  border-bottom: 1px solid #1e313c;
  top: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.info-template-article:last-child:after {
  bottom: 0;
}
.info-template-or {
  display: inline-block;
  font-size: 1.5em;
  line-height: 46px;
  margin: 0 15px;
}
.info-template-foot {
  background: url("/img/rs3/6-box-top.jpg") no-repeat 3px 0;
  padding: 40px 30px;
}
.info-template-foot a {
  color: #e1bb34;
}
.info-template-foot a:hover {
  color: #fff2c5;
}
.info-template-foot__copy {
  font-size: 1.3em;
}
.info-template-foot__sub-text {
  color: #a9acad;
}
.info-template-foot__inline-break:before {
  color: #d7dbe1;
  content: "|";
  display: inline-block;
  margin: 0 5px;
}
.promo-options {
  clear: both;
  display: block;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.promo-options .promo-options__box {
  float: left;
  margin-right: 8%;
  overflow: hidden;
  width: 28%;
}
.promo-options .promo-options__box:last-child {
  margin-right: 0;
}
.promo-options__box img {
  border: 1px solid black;
  margin: 2px 2px 20px;
  outline: 2px solid #3a3a3a;
}