/*
 *  TABLE OF CONTENTS
 *
 *      1. CSS RESETS
 *      2. GLOBAL STYLES
 *      4. HOME PAGE
 *      7. MEDIA PAGES
 *      10. ACCOUNT ASSOCIATION
 *   11. INFOGRAPHIC
 *      13. PRINT STYLES
 *      14. IE7/8 STYLES
 *  17. STORE LOCATOR PAGE
 *  18. FRIENDS PAGE
 *   29. UNAVAILABLE
 *   30. SUPPORT PAGES
 *   31. PASSWORD RECOVERY
 *   32. SHARED STYLES (Macro call to shared.css)
*/


/*
 *
 *  1. CSS RESETS
 *
 */



html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;vertical-align:baseline;background:transparent;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code{font-size:1em;}
ul{list-style:none;}
li a:active,li a:focus,a:active,a:focus{outline:0;}
body{line-height:1;font-size:62.5%;text-align:left;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
a img{border-style:none;border-width:0;}
fieldset{border:0;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
p{line-height:150%;}
[placeholder]:focus::-webkit-input-placeholder{color:transparent;}
main{display: block;}

/*
 *
 *  2. GLOBAL STYLES
 *
 */



html,body{
    height:100%;
}
body{
    font-family:'MuseoSans';
    background:#071b25 url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;
    color:#d7dbe1;
}
a{
    text-decoration:none;
    color:#b2dbee;
}
a:hover{
    color:#e1bb34;
}
h1,h2,h3,h4,h5,h6{
    color:#e1bb34;
    font-family:'cinzel';
    font-weight:normal;
}
h1{
    font-size:8.6em;
}
h2{
    font-size:2.4em;
}
h3{
    font-size:2.2em;
}
h4{
    font-size:1.6em;
}
h5{
    font-size:1.1em;
}
h6{
    font-size:1.5em;
}

@media screen and (min-width: 1500px){
 .header > .top:before,.header > .top:after{
     content:'';
     background:transparent url(https://www.runescape.com/img/rs3/sprite_main.png?2) no-repeat 0 -527px;
     width:176px;
     height:57px;
     position:absolute;
     bottom:-23px;
     z-index:2;
 }
 .header > .top:after{
     background-position:0 -594px;
     right:0;
 }
 .banner:before,.banner:after{
     content:'';
     background:transparent url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -2857px;
     width:175px;
     height:56px;
     position:absolute;
     z-index:2;
     bottom:-20px;
 }
 .banner:after{
     background-position:0 -2924px;
     right:0;
 }
}

.svg .gradient{ /* SVG Gradient fix for IE9 */
    filter: none !important;
}
time{
    font-family:'MuseoSans';
}
.floatright {
 float:right;
 display:inline;
}
.floatleft {
 float:left;
 display:inline;
}
.relative {
    position:relative;
}
.textCenter {
 text-align:center;
}
.textRight {
 text-align:right;
}
.stickyWrap{
 display: flex;
 flex-direction: column;
    min-height:100%;
}
.tooltipOuter {
 position:relative;
 display:inline;
}
.tooltipLink {
 cursor:help;
}
.tooltipDescription {
 background: url(https://www.runescape.com/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: 10px;
    position: absolute;
    width: 260px;
    z-index:10;
}
.tooltipDescription p,
.tooltipDescription span{
 font-size:11px;
 color:#a9acad;
 text-shadow:0px 0px 10px rgba(0,0,0,0.7);
}
.contents{
    background-image: url(https://www.runescape.com/img/rs3/background-content-top.jpg), url(https://www.runescape.com/img/rs3/background-content-bottom.jpg);
    background-repeat:repeat-x;
    background-position:top left, bottom left;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 75px;
    overflow:visible;
    padding-bottom: 172px;
}
.contents:before, .contents:after{
    content: '';
    display:table;
}
.main, main{
 display: block;
 flex: 1;
    width:1000px;
    margin:0 auto;
    background: transparent url(https://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
    box-shadow: 0px 355px 15px 12px #000;
    -moz-box-shadow: 0px 355px 15px 12px #000;
    -webkit-box-shadow: 0px 355px 15px 12px #000;
    position:relative;
    /* note to self. z-index here break hiscore cat dropdown */
}
.main:before, .main:after, main:before, main:after{
    content: " ";
    display:table;
}
.main:after, main:after{
    clear:both;
}
.trackingLink {
 font-size: 0;
 text-indent: -9999px;
}
.loadingAnim {
 background: url(https://www.runescape.com/img/global/content/CircleLoader.gif) transparent;
 width: 54px;
 height: 55px;
}
.patternedBorder:before {
 background: url(https://www.runescape.com/img/rs3/background-bar-repeat.png) repeat-x scroll 0 0 transparent;
 box-shadow: 0 10px 9px 0 black;
 content: "";
 height: 18px;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}
.btn input[type="submit"]:focus {
 outline:0;
}
.errorMessage {
 padding:10px;
 color:#e1bb34;
 background:#450604;
 border: 1px solid #355563;
    border-radius: 6px;
    width: 100%;
}
/* Generic Styles END */
/* Page Headings START*/
#deployJavaPlugin {
 display: none;
}
.title{
    background-image: url(https://www.runescape.com/img/rs3/_sprite/background-heading-small.png), url(https://www.runescape.com/img/rs3/6-box-top.jpg);
    background-repeat:no-repeat, repeat-x;
    background-position:-19px 12px, 0 58px;
    padding:28px 30px 0 0;
    margin:-58px 0 -26px 15px;
}
.title:before,.title:after{
    content:'';
    background: transparent url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -3333px;
    width:70px;
    height:80px;
    position:absolute;
    top:-28px;
    left:-20px;
    z-index:1;
}
.title:after{
    background-position:0 -3423px;
    right:-17px;
    left:auto;
}
.title span{
    display:block;
    text-indent:-9999px;
    height:80px;
    position:relative;
    z-index:10;
    margin: 0 0 -7px 6px;
    padding-top: 26px;
    pointer-events: none;
}
.title span:before{
    content:'';
    background: transparent url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -76px;
    width:20px;
    height:32px;
    position:absolute;
    left:7px;
    top:26px;
    z-index:15;
}
/* Page Headings END */
/* Breadcrumb START */
.breadcrumb {
    padding: 12px 10px 12px 33px;
    position: relative;
    right: 10px;
    width: 97.5%;
    background: #071B25 url(https://www.runescape.com/img/rs3/6-box-top.jpg) repeat 355px 0;
    box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
    -moz-box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
    -webkit-box-shadow: 0 10px 10px 0 #000, 0 -10px 10px -4px #000;
    font-size:1.2em;
    font-family:'MuseoSans';
    z-index:25;
}
.breadcrumb li {
    padding-right:5px;
    display:inline;
    color:#495255;
}
.breadcrumb a {
    color: #b3bfc5;
}
.breadcrumb a:hover {
    color:#e1bb34;
}
.breadcrumb li:before {
    content: '>';
    margin-right:8px;
    color:#8eb0c0;
}
.breadcrumb li:first-child:before {
    content: '';
}
.breadcrumb li:last-child{
    color:#fff;
}
/* Breadcrumb END */
/* Banner START */
.banner{
    position: absolute;
    clear: both;
    overflow: visible;
    width: 100%;
}
.banner .inner{
    height:560px;
    overflow:hidden;
}
.banner img{
    left: 50%;
    margin-left: -970px;
    position: relative;
    width: 1920px;
    display:block;
}
.csstransforms .banner img{
 margin-left: 0;
 -webkit-transform: translate(-50%);
 -moz-transform: translate(-50%);
 -ms-transform: translate(-50%);
 -o-transform: translate(-50%);
 transform: translate(-50%);
}
.slides li{
    display:none;
    overflow: hidden;
}
.slides li:first-child{
    display:block;
}
.flex-direction-nav a{
    display:block;
    text-indent:-9999px;
    background:transparent url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -524px;
    width:69px;
    height:77px;
    position:absolute;
    top:205px;
    left:0;
}
.flex-direction-nav .flex-next{
    background-position:0 -230px;
    left:auto;
    right:0;
}
.flex-direction-nav a:hover{
    background-position:0 -611px
}
.flex-direction-nav .flex-next:hover{
    background-position:0 -317px
}
/* Banner END */
/* Tabbed Element START */
.tabbedElement{
    display:table-cell;
    background: transparent url(https://www.runescape.com/img/rs3/background-tabbedelement.jpg) repeat-y 0 0;
    width:660px;
    z-index:2;
    vertical-align:top;
    box-shadow:10px 0px 8px #000;
    -moz-box-shadow:10px 0px 8px #000;
    -webkit-box-shadow:10px 0px 8px #000;
    overflow:visible;
    position:relative;
}
.tabbedElement .inner{
    overflow:visible;
    position:relative;
}
.tabbedElement .inner:after{
    background-position:0 -1943px;
    left:auto;
    right:-12px;
    top:53px;
}
.tabNav,.secondary{
    background:transparent url(https://www.runescape.com/img/rs3/tabbedelement.png) repeat-x 0 0;
    height:56px;
}
.secondary{
    position:relative;
}
.secondary a{
    color: #b2dbee;
}
.secondary a:hover{
 color: #e1bb34;
}
.secondary:after {
    content:'';
    background:transparent url(https://www.runescape.com/img/rs3/background-tabbedelement-top.jpg) repeat-x 0 0;
    bottom: 1px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.tabNav li,.secondary li{
    float:left;
    padding-right:30px;
    position:relative;
    z-index:1;
    margin-left:-25px;
}
.tabNav .active:first-child, .secondary .active:first-child{
    position:relative;
    overflow:visible;
}
.tabNav a, .secondary a{
    font-size:2.2em;
    font-family:'cinzel';
    display:block;
    line-height:57px;
    padding-left:38px;
}
.tabNav li:first-child, .secondary li:first-child{
    margin-left:0;
}
.tabNav li:first-child a, .secondary li:first-child a{
    padding-left:31px;
}
.tabNav span, .secondary span{
 display:block;
 padding:0 15px 0 0;
}
.en .tabNav span,.en .secondary span{
    padding:0 15px 0 10px;
}
.tabNav li:first-child span, .secondary li:first-child span{
 padding-left:0;
}
.tabNav .active,.secondary .active{
    background:transparent url(https://www.runescape.com/img/rs3/background-tab-right.png) no-repeat right -8px;
}
.tabNav .active:first-child a,.secondary .active:first-child a{
    background:transparent url(https://www.runescape.com/img/rs3/sprite_main.png?2) no-repeat -7px -182px;
}
.tabNav .active a, .secondary .active a{
    color:#e1bb34;
    background:transparent url(https://www.runescape.com/img/rs3/background-tab-left-slant.png) no-repeat 0 -3px;
}
.tabNav .active span, .secondary .active span{
    background:transparent url(https://www.runescape.com/img/rs3/background-tab-mid.png) repeat-x 0 -8px;
}
.tabbedContents{
    padding:20px 31px 20px 29px;
    background:transparent url(https://www.runescape.com/img/rs3/background-tabbedelement-top.jpg) repeat-x 0 0;
    margin-top:-3px;
}
.tabbedContents:before, .tabbedContents:after {
    background: transparent url("https://www.runescape.com/img/rs3/border-image-left.png") repeat-y 0 0;
    width: 3px;
    content: " ";
    display:table;
}
.tabbedContents:after {
    background-image: url("https://www.runescape.com/img/rs3/border-image-right.png");
    left:auto;
    right:0;
    width: 1px;
    clear:both;
}
.tabbedContent .categories{
    position:absolute;
    top:0;
    right:0;
}
.tabbedContent .categories h6{
    font-size:1.4em;
    font-family:'MuseoSans';
    color:#e1bb34;
    overflow:visible;
    position:relative;
    padding-right:25px;
    cursor:pointer;
    padding:20px 55px 20px 25px;
    margin:1px 1px 0 1px;
    z-index:6;
}
.tabbedContent .categories h6:after{
    content:'';
    border-color: #e1bb34 transparent transparent transparent;
    border-style: solid;
    border-width: 10px 7px;
    position:absolute;
    right:30px;
    top:21px;
}
.tabbedContent .categories:hover h6{
    color:#e1bb34;
    margin:0;
    border-top:solid 1px #2c3c43;
    border-left:solid 1px #2c3c43;
    border-right:solid 1px #2c3c43;
    background:transparent url(https://www.runescape.com/img/rs3/background-dropdown.jpg) repeat 0 0;
}
.tabbedContent .categories:hover h6:after{
    border-color: #e1bb34 transparent transparent transparent;
}
.tabbedContent .categories ul{
    display:none;
    background:url(https://www.runescape.com/img/rs3/background-dropdown.jpg) repeat 0 0;
    font-size:1.4em;
    font-family:'MuseoSans';
    width:190px;
    padding:10px 10px 30px;
    position:absolute;
    right:0;
    z-index:5;
    border:solid 1px #2c3c43;
    box-shadow:0 4px 10px #000;
    -moz-box-shadow:0 4px 10px #000;
    -webkit-box-shadow:0 4px 10px #000;
    top:54px;
    overflow:visible;
}
.tabbedContent .categories ul:after{
    content:'';
    background:transparent url(https://www.runescape.com/img/rs3/background-bar-repeat.png);
    position:absolute;
    bottom:0;
    left:-3px;
    width:217px;
    height:18px;
}
.tabbedContent .categories li{
    padding:10px 0;
    border-top:solid 1px #223843;
    border-bottom:solid 1px #000;
}
.tabbedContent .categories li:last-child{
    padding-bottom:0;
    border-bottom:0;
}
.tabbedContent .categories li:last-child a{
    padding-bottom:10px;
}
.tabbedContent .categories a{
    display:block;
    padding:0 10px;
    color:#b2dbee;
}
.tabbedContent .categories .active,.tabbedContent .categories a:hover{
    color:#e1bb34;
}
.tabbedContent .categories li:first-child{
    border-top:0;
}
.tabbedContent .categories:hover ul{
    display:block;
}
article.video figure a{
    position:relative;
    display:block;
}
article.video figure a:after{
    content:'';
    background:transparent url(https://www.runescape.com/img/rs3/sprite_main.png?2) no-repeat 0 -428px;
    position:absolute;
    left:52px;
    top:12px;
    width:64px;
    height:65px;
}
.tabbedElement article{
    padding:15px 0 15px 4px;
    border-top:solid 1px #223843;
    border-bottom:solid 1px #000;
}
.index{
    clear:both;
    border-bottom:solid 1px #223843;
}
.tabbedElement .index + article,.tabbedElement .index article:first-child{
    padding-top:0;
    border-top:0;
}
.tabbedElement article, article .copy{
    overflow:hidden;
}
.copy{
    padding:12px 0 0;
}
.copy header{
    overflow:hidden;
    margin-bottom:5px;
}
.copy h4{
    margin-bottom:7px;
    line-height:120%;
}
.copy h4 a{
    display:block;
    position:relative;
    padding-right:30px;
}
.copy h4 a:after{
    content:'';
    border-color: transparent transparent transparent #e1bb34;
    border-style: solid;
    border-width: 7px 10px;
    position:absolute;
    right:0;
    top:0;
}
.copy h4 a:hover:after{
    border-color: transparent transparent transparent #b2dbee;
}
.copy h5{
    float:left;
    font-family:'MuseoSans';
    margin-right:10px;
}
.copy h5:after{
    content:'|';
    margin-left:10px;
    color:#a9acad;
}
.copy h5 a:hover{
    color:#e1bb34;
}
.copy time{
    float:left;
    font-size:1.1em;
}
.copy h5 a, .copy time{
    color:#a9acad;
}
.copy p{
    font-size:1.2em;
    font-family:'MuseoSans';
}
.copy p a{
    color:#e1bb34;
}
.copy p a:hover{
    color:#fff2c5;
}
.tabbedElement article figure{
    float:left;
    margin-right:10px;
    background-color:#000;
    border:solid 1px #384043;
    padding:2px;
    -webkit-box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    box-shadow:0px 0px 10px #000;
    width:170px;
    position:relative;
}
.tabbedElement article figure:after {
    box-shadow: 0 0 10px #000000;
    -webkit-box-shadow:0px 0px 10px #000;
    -moz-box-shadow:0px 0px 10px #000;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 174px;
    z-index:1;
}
.tabbedElement figure a{
    display:block;
    position:relative;
    z-index:2;
}
.tabbedElement figure img{
    display:block;
    height:88px;
}
.tabbedElement .btnWrap{
    float:right;
}
/* Tabbed Element END */
/* Sidebar START */
.sidebar{
    display:table-cell;
    background:transparent url(https://www.runescape.com/img/rs3/background-effect.png) repeat 0 0;
    vertical-align:top;
}
.sidebar section{
    background:transparent url(https://www.runescape.com/img/rs3/sidebar-divider2.png) no-repeat bottom left;
    padding-bottom:70px;
    overflow:hidden;
    border-right:solid 1px #000;
    width:339px;
}
.sidebar section iframe.axesoIframe{
 padding-left:20px;
 width:300px;
 height:250px;
 overflow:hidden;
}
.sidebar .heavy,.hiscore .sidebar .heavy, .friends .sidebar .heavy {
    background:transparent url(https://www.runescape.com/img/rs3/sidebar-news-0-divider.png) no-repeat bottom left;
    padding-bottom:41px;
}
.sidebar section:last-child{
    background:none;
    padding-bottom:20px;
    position:relative;
    overflow:visible;
}
.sidebar section:last-child .btnWrap{
    margin-bottom:20px;
}
.sidebar section:last-child:before{
    content:'';
    background:transparent url(https://www.runescape.com/img/rs3/sprite_main.png?2) no-repeat 0 -1943px;
    width:23px;
    height:28px;
    position:absolute;
    top:-1px;
    right:-7px;
    z-index:10;
}
.sidebar article{
    border-top: 1px solid #1e313c;
    border-bottom: 1px solid #000;
    padding:9px 0;
}
.sidebar .index{
    margin:0 25px 0 30px;
}
.sidebar h3{
    border-bottom: 1px solid black;
    padding: 0 0 14px;
    background:transparent url(https://www.runescape.com/img/rs3/sidebar-header.png) no-repeat right center;
    height:51px;
    line-height:65px;
    margin-left:30px;
}
.es .sidebar h3,.pt .sidebar h3, .de .sidebar h3{
    font-size:1.7em;
}
.sidebar h3 a{
    color:#e1bb34;
}
.news .sidebar h3 a
.sidebar .link h3 a{
    color:#b2dbee;
}
.sidebar h4{
    margin-bottom:5px;
}
.sidebar time{
    font-size:1.1em;
    color:#a9acad;
}
.sidebar p{
    padding: 9px 0 0 0;
    border-top: 1px solid #1e313c;
    margin:0 25px 15px 30px;
    font-size:1.4em;
    font-family:'MuseoSans';
}
.sidebar .video figure a:after{
    top:65px;
    left:105px;
}
.sidebar .error{
    margin:0;
    border-bottom:solid 1px #000;
    padding:20px 0;
}
.sidebar .btnWrap{
    float:left;
    position:relative;
    left:50%;
}
.sidebar .btn{
    position:relative;
    left:-50%;
}
.ironmanSide__list{
 margin: 10px 30px;
}
.ironmanSide__item {
 font-size:1.4em;
 margin: 5px 0;
}
.ironmanSide__link {
 display: block;
}
.ironmanSide__link:hover {
 color:#fff;
}
/* Sidebar END */
/* greyFrame begin */
.no-borderimage .greyFrame>*{
    margin: 5px;
    z-index :1;
    position: relative;
}
.greyFrame .corner{
    display: none;
}
.no-borderimage .greyFrame .corner{
    background-image: url('https://www.runescape.com/img/rs3/global/greyFrameIE.png');
    background-repeat: no-repeat;
    width: 60%;
    height: 60%;
    position: absolute;
    margin: 0;
    z-index: 0;
    display:inline-block;
}
.no-borderimage .tl{
    top: 0;
    left: 0;
}
.no-borderimage .tr{
    top: 0;
    right: 0;
    background-position: top right;
}
.no-borderimage .bl{
    bottom: 0;
    left: 0;
    background-position: bottom left;
}
.no-borderimage .br{
    bottom: 0;
    right: 0;
    background-position: bottom right;
}
.greyFrame,
.fancybox-inner.greyFrame {
    border-style: solid;
    border-width: 5px;
    border-color: transparent;
    border-image: url('https://www.runescape.com/img/rs3/global/greyFrame.png') 5 repeat;
    -moz-border-image: url('https://www.runescape.com/img/rs3/global/greyFrame.png') 5 repeat;
    -o-border-image: url('https://www.runescape.com/img/rs3/global/greyFrame.png') 5 repeat;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 6px 6px black;
}
.no-borderimage .greyFrame{
    border-width: 0;
}
.greyFrame > a{
    display:block;
    margin:0;
}
.greyFrame .greyFrameContent {
    background:#071b25 url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;
    padding: 20px;
}
/* greyFrame end */
/* tiledBlueFrame begin */
.no-borderimage .tiledBlueFrame{
    position:relative;
    border-width: 0;
    padding:1px;
}
.tiledBlueFrame .corner{
    display: none;
}
.no-borderimage .tiledBlueFrame .corner{
    background-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg');
    background-repeat: no-repeat;
    width: 60%;
    height: 60%;
    position: absolute;
    margin: 0;
    z-index: 0;
    display:inline-block;
}
.borderimage .tiledBlueFrame,
.borderimage .fancybox-inner.tiledBlueFrame {
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 repeat;
    -moz-border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 repeat;
    -o-border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 repeat;
    position: relative;
    z-index:2;
    box-shadow: 0 0px 6px 7px black;
    -moz-box-shadow: 0 0px 6px 7px black;
    -webkit-box-shadow: 0 0px 6px 7px black;
}
.borderimage .tiledBlueFrame.noTop{
    border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 1 10 10 10 repeat;
    -moz-border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 1 10 10 10 repeat;
    -o-border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 1 10 10 10 repeat;
    border-width: 1px 10px 10px;
}
.borderimage .tiledBlueFrame.noBottom{
    border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 10 1 10 repeat;
    -moz-border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 10 1 10 repeat;
    -o-border-image: url('https://www.runescape.com/img/rs3/global/tiled-blue-frame.jpg') 10 10 1 10 repeat;
    border-width: 10px 10px 1px 10px;
}
.no-borderimage .tiledBlueFrame.noTop>*{
    margin: 0 10px 10px 10px;
}
.no-borderimage .tiledBlueFrame.noBottom>*{
    margin: 10px 10px 0 10px;
}
.tiledBlueFrame.noTop:before, .tiledBlueFrame.noTop:after{
    content:'';
    background:none;
}
/* tiledBlueFrame end */
/* .halfColumn begin*/
.foreground.halfColumn{
    background: url('https://www.runescape.com/img/rs3/background-halfColumn.jpg') repeat-y 0 0 transparent;
    box-shadow: 10px 18px 8px #000;
    -moz-box-shadow: 10px 18px 8px #000;
    -webkit-box-shadow: 10px 18px 8px #000;
    z-index: 2;
}
.foreground.halfColumn,
.halfColumn {
    font-family: 'MuseoSans';
    display: table-cell;
    overflow: visible;
    position: relative;
    vertical-align: top;
    width: 420px;
}
.halfColumn{
    padding: 38px 40px 20px;
}
.galleryWrap .flex-direction-nav a {
    margin-top: -35px;
    top: 50%;
    z-index: 1;
    outline: none;
}
.galleryWrap .flex-direction-nav a:hover {
    outline: none;
}
.galleryWrap img {
    width: 100%;
    height: 100%;
}
a.galleryLightBox.inactive {
    cursor: default;
}
.no-borderimage .greyFrame>.flex-direction-nav{
    margin: 0;
    z-index: auto;
    position: static;
}
/* Pagination START */
.paginationWrap{
    margin-top:25px;
}
.pagination, .paging{
    position:relative;
    float:left;
    left:50%;
}
.paging {
    left:-50%;
}
.paging > a, .paging > ul{
    display: block;
    float: left;
}
.paginationWrap .gotoPage {
    float:right;
    font-family: 'MuseoSans',Arial,Times New Roman,serif;
    font-size: 1.4em;
    padding-right: 5px;
    color: #d7dbe1;
}
.pagination .pageNumbers {
    list-style: none;
}
.paginationWrap .gotoPage input[type=text] {
    background: none repeat scroll 0 0 #010709;
    border: 1px solid #355563;
    border-radius: 6px 6px 6px 6px;
    color: #AED0E0;
    font-family: 'MuseoSans',Arial,Times New Roman,serif;
    font-size: 1em;
    margin: 0 0 0 5px;
    padding: 4px;
    position: relative;
    top: -2px;
    width: 45px;
}
.pagination .pageNumbers li {
    background: url(https://www.runescape.com/img/rs3/global/whiteTransparency.png) repeat scroll 0 0 transparent;
    border-color: rgb(0, 0, 0) rgb(76, 92, 100) rgb(76, 92, 100) rgb(0, 0, 0);
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    float: left;
    font-family: 'MuseoSans',Arial,Times New Roman,serif;
    font-size: 12px;
    margin-left: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
}
.pagination .pageNumbers li a {
    display: block;
    padding: 6px 10px 4px;
    text-decoration: none;
    color:#e1bb34;
}
.pagination .pageNumbers li a:hover{
    color:#b2dbee;
}
.pagination .pageNumbers li.current {
    background: #70a5b8; /* Old browsers */
    background: -moz-linear-gradient(top,  #70a5b8 0%, #1b3e55 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70a5b8), color-stop(100%,#1b3e55)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #70a5b8 0%,#1b3e55 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #70a5b8 0%,#1b3e55 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #70a5b8 0%,#1b3e55 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #70a5b8 0%,#1b3e55 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70a5b8', endColorstr='#1b3e55',GradientType=0 ); /* IE6-9 */
    border-color: rgb(0, 0, 0) #76bbd3 rgb(76, 92, 100) rgb(0, 0, 0);
    text-shadow: 1px 1px 1px #223e4b;
}
.pagination .pageNumbers li.current a {
    color:#a9acad;
}
.pagination .pageNumbers li.ellipsis {
    background: none;
    border: none;
    color: #FFCB05;
    font-family: Arial;
    font-size: 1.2em;
    letter-spacing: 0.1em;
}
.pagination .pageNumbers li.ellipsis a {
    padding: 10px 0 0;
}
.pagination .previous, .pagination .next, .pagination.simple a:after {
    height: 14px;
    margin-top: 5px;
    width: 11px;
}
.pagination .previous, .pagination.simple .previous:after {
    background: url(https://www.runescape.com/img/rs3/_sprite/smallArrowLeft.png) no-repeat;
}
.pagination .next,.pagination.simple .next:after {
    background: url(https://www.runescape.com/img/rs3/_sprite/smallArrowRight.png) no-repeat;
    margin-left: 10px;
}
.pagination .previous:hover,
.pagination .next:hover {
    background-position: right top;
}
.paginationOuter {
 background:url(https://www.runescape.com/img/rs3/hiscores/pagination.png) repeat-x 0 0;
 height:33px;
}
.pagination.simple{
    position:static;
    float:none;
    left:auto;
    font-size:1.2em;
    font-family: 'MuseoSans',Arial,Times New Roman,serif;
    text-align:center;
    margin:0 10px 17px;
    padding-top:10px;
    border-top:solid 1px #223843;
}
.pagination.simple a{
    margin:0;
    height:auto;
    width:auto;
    background:none;
    position:relative;
    line-height:14px;
    color:#e1bb34;
}
.pagination.simple a:hover{
    color:#b2dbee;
}
.pagination.simple a:after{
    content:'';
    position:absolute;
    left:0;
    margin-top:0;
}
.pagination.simple .next:after{
    left:auto;
    right:0;
}
.pagination.simple .previous{
    float:left;
    padding-left:25px;
}
.pagination.simple .next{
    float:right;
    padding-right:25px;
}
.simple.noFirst span{
    margin-left:71px;
}
.simple.noLast span{
    margin-right:51px;
}
/* Pagination END */
/* Countdown timer START */
.countdownTimer .seconds {
    display: none;
}
.js .countdownTimer .seconds {
    display: block;
}
.numeral,
.divider {
    display: block;
    float: left;
    height: 24px;
    margin-right: 2px;
    overflow: hidden;
    position: relative;
    width: 15px;
}
.divider,
.numeral span {
    background: url(https://www.runescape.com/img/rs3/global/countdown-sprite.png) no-repeat scroll 0 0 transparent;
}
.numeral span {
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}
.divider {
    background-position: right 0;
    width: 15px;
}
.countdownLabel {
    clear: both;
    display: block;
}
.countdownLabel span {
    color: #6b6b6b;
    display: block;
    float: left;
    font-family:'MuseoSans';
    font-size: 0.95em;
    margin-right: 21px;
    padding-top: 3px;
    text-align: center;
    width: 30px;
}
.numeral span.num0 { background-position: 0 0; }
.numeral span.num1 { background-position: -15px 0; }
.numeral span.num2 { background-position: -30px 0; }
.numeral span.num3 { background-position: -45px 0; }
.numeral span.num4 { background-position: -60px 0; }
.numeral span.num5 { background-position: -75px 0; }
.numeral span.num6 { background-position: -90px 0; }
.numeral span.num7 { background-position: -105px 0; }
.numeral span.num8 { background-position: -120px 0; }
.numeral span.num9 { background-position: -135px 0; }
.oldNumber {
    z-index: 1;
}
/* Countdown timer END */
/* Timer Min START */
.timerMin {

}
.timerMin .timerMinUnit {
 margin-right:3px;
 display:inline-block;
}
/* Timer Min END */
/* CMS PREVIEWS */
.cmsPreviewHighlight {
 display: block!important;
 margin: 0!important;
 padding: 0!important;
 position: relative!important;
 width: auto!important;
 height: auto!important;
}
.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;
 margin: 0!important;
 padding: 0!important;
}
.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;
}
/*
 *
 *  4. HOME PAGE
 *
 */
.home .main{
    margin-top:395px;
    box-shadow:0 0 25px -10px #000;
    -webkit-box-shadow:0 0 25px -10px #000;
    -moz-box-shadow:0 0 25px -10px #000;
}
/* Carousel START */
.banner .overlay{
    width:1000px;
    margin:0 auto;
}
.banner .slides li {
 height: 606px;
 overflow: hidden;
}
.banner .flex-control-nav {
 background:transparent url(https://www.runescape.com/img/rs3/carouselBtnBg.png) no-repeat top center;
 position: relative;
 z-index: 500;
 width: 100%;
 bottom: 165px;
 list-style: none;
 text-align: center;
 padding-top: 6px;
}
.banner .flex-control-nav li {
 display: inline-block;
 margin: 6px -3px;
}
.banner .flex-control-nav li:first-of-type {
 margin-left:5px;
}
.banner .flex-control-nav li:last-of-type {
 margin-right:5px;
}
.banner .flex-control-nav a{
 background:transparent url(https://www.runescape.com/img/rs3/radio.png) no-repeat top center;
 display: block;
 width: 36px;
 height: 36px;
 text-indent: -9999px;
 overflow: hidden;
 font-size: 1pt;
 cursor: pointer;
 margin: 0 -3px;
}
.banner .flex-control-nav a.flex-active{
 background:transparent url(https://www.runescape.com/img/rs3/radio-checked.png);
}
/* Carousel END */
/* Tabbed Element START */
.home .sidebar section:last-child{
    margin-top:-9px;
}
/* Tabbed Element END */
/* Accounts Created */
.home .accountsCreated h3{
 color: #b2dbee;
 background: none;
 border: none;
 padding: 0;
}
.home .accountsCreated h4{
 margin-left: 30px;
 border: none;
 padding: 0;
}

/* Pre-Paid Cards START */
.sidebar .prepaid h3 {
    background:none;
    border:0;
    padding:0;
    margin:0;
    height:auto;
    line-height:1.2em;
    color:#b2dbee;
}
.fr .prepaid h3{
    font-size:2em;
}
.sidebar .prepaid h4 {
    font-size:1.3em;
}
.sidebar .prepaid h4 a{
    color:#e1bb34;
}
.sidebar .prepaid h4 a:hover{
    color:#b2dbee;
}
.sidebar .prepaid{
    position:relative;
    padding:20px 0 0 30px;
    width:309px;
    height:129px;
}
.sidebar .prepaid:after{
    content:'';
    background:transparent url(https://www.runescape.com/img/rs3/sprite_main.png?2) no-repeat 0 -67px;
    width:105px;
    height:98px;
    position:absolute;
    right:7px;
    top:0;
}
/* Pre-Paid Card END */
.sidebar .updates .index h4 {
 font-size: 1.3em;
}
/*
 *
 *  7. MEDIA PAGES
 *
 */
.media .main,
.music .main {
    clear: both;
    font-size: 2em;
    margin-top: 10px;
    min-height: 600px;
}
.media #toggleFullList {
    float: right;
}
#soundcloudPlayer {
    font-size: 59%;
    padding:20px;
    width:290px;
}
#soundcloudPlayer h1 {
    border-bottom: 1px solid #000000;
    color: rgb(255, 203, 5);
    font-size: 1.9em;
    line-height: 1.5em;
}
#soundcloudPlayer .description {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #1E313C;
    font-size: 1.25em;
    padding: 5px 0 25px;
}

.sc-player {
    position:relative;
    border-top: 1px solid #1E313C;
    display: block;
    padding-top: 9px;
}
.sc-player .sc-topWrapper {
    height: 95px;
}
.sc-player .sc-controls a,
.sc-player .social_info span .icon,
.sc-player .sc-trackslist li .icon {
    background: url(https://www.runescape.com/img/main/downloads_and_media/rs3/soundcloud-sprite.png) no-repeat scroll 0 0 transparent;
}
.sc-player .sc-artwork-list {
    float: left;
}
.sc-player .sc-artwork-list li {
    display: none;
    width: 100px;
    height: 100px;
}
.sc-player .sc-artwork-list li.active {
    display: block;
}
.sc-player .sc-trackslist li.active {
    display: none;
}
.sc-player .sc-waveform-container {
    display: none;
}
.sc-player .sc-artwork-list li img {
    display: block;
}
.sc-player .sc-artwork-list li.active {
    display: block;
}
.sc-player .sc-trackslist li.active {
    display: none;
}
.sc-player .error,
.sc-player.loadingError .loading {
    display: none;
}
.sc-player.loadingError .error {
    display: block;
}
.sc-player .sc-controls a {
    display: none;
    font-size: 0;
    height: 50px;
    position: absolute;
    width: 50px;
}
.sc-player .sc-controls a.sc-play {
    display: block;
    background-position: -51px 0;
}
.sc-player.playing .sc-controls a.sc-pause {
    display: block;
}
.sc-player.playing .sc-controls a.sc-play {
    display: none;
}
.sc-player .sc-controls a.hidden {
    display: none;
}
.sc-player .sc-info {
    float: left;
    padding: 5px;
    width: 180px;
}
.sc-player .sc-info p, .sc-info-close, .sc-info-toggle {
    display: none;
}
.sc-player .social_info {
    color: #7592A0;
    display: block;
    padding: 5px 0;
}
.sc-player .social_info > span {
    padding: 0 10px;
}
.sc-player .social_info span .icon {
    display: inline-block;
    height: 15px;
    width: 15px;
}
.sc-player .social_info span.playback_count {
    padding-left: 0;
}
.sc-player .social_info span.favorite_count {
    border-left: 1px solid;
    border-right: 1px solid;
}
.sc-player .social_info span.playback_count .icon {
    background-position: -105px -14px;
}
.sc-player .social_info span.favorite_count .icon {
    background-position: -126px -14px;
}
.sc-player .social_info span.comment_count .icon {
    background-position: -149px -16px;
}
.sc-player .sc-trackslist li {
    clear: both;
    padding: 10px 0 5px;
}
.sc-player .sc-trackslist li,
.sc-player .sc-topWrapper {
    border-bottom: 1px solid #000000;
    border-top: 1px solid #1E313C;
}
.sc-player .sc-topWrapper {
    min-height: 95px;
    border-top: none;
}
.sc-player .sc-trackslist li .icon {
    background-position: -62px -11px;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 33px;
    margin-right: 10px;
    width: 34px;
}
.sc-player .sc-info h3, .sc-trackslist a {
    font-family: Arial;
    font-size: 1.2em;
    padding: 8px 0;
}
.sc-player .hidden {
    display: none;
}
.sc-player-engine-container{
    width: 1px;
    height: 1px;
    position: fixed;
    top: 2px;
    left: 2px;
}
.sc-player .sc-scrubber {
    display: block;
    height: 50px;
    left: 122px;
    position: absolute;
    top: 57px;
    width: 310px;
    z-index: 600;
}
.sc-player .sc-scrubber img {
    height: 100%;
    width: 100%;
}
.sc-player .sc-scrubber .sc-time-span{
    height: 100%;
    margin: 5px;
    position: relative;
}
.sc-player .sc-scrubber .sc-buffer, .sc-scrubber .sc-played{
    height: 100%;
    position: absolute;
    top: 0;
}
.sc-player .sc-scrubber .sc-time-indicators{
    position: absolute;
    right: 0;
    top: -30px;
}
.sc-player .sc-waveform-container {
    position: absolute;
    z-index: 5;
}
.sc-player .sc-buffer, .sc-played {
    opacity: 0.3;
}
.sc-player .sc-buffer {
    background: darkgray;
}
.sc-player .sc-played {
    background: #ffcb05;
}

.media #soundcloudPlayer {
    width:290px;
}
.media .sc-player .sc-artwork-list {
    height: 80px;
    width: 100px;
}
.media .sc-player .sc-artwork-list li img {
    width: 65%;
    margin: 6px auto;
}
.media .sc-player .sc-track-duration {
    display: block;
    padding: 5px 45px;
}
.media .sc-player .sc-trackslist li {
    min-height: 50px;
}
.media .sc-player .sc-controls a {
    left: 23px;
    top: 23px;
}
.media .sc-player h4 {
    display: none;
}

.music .sc-player .sc-waveform-container {
    display: block;
}
.music #soundcloudPlayer {
    width: 930px;
}
.music .sc-player {
    float: left;
    width: 430px;
}
.music .sc-player:nth-child(odd) {
    margin-right: 70px;
}
.music .sc-player .sc-artwork-list {
    height: 145px;
    width: 121px;
}
.music .sc-player .sc-artwork-list li img {
    width: 100%;
}
.music .sc-track-duration {
    display: inline-block;
    padding: 5px 10px;
}
.music .sc-player .sc-controls a {
    left: 117px;
    top: 0;
}
.music .sc-player h4 {
    display: none;
}
.music .sc-player .sc-info {
    padding: 5px 50px;
}
/*
 *
 *  10. ACCOUNT ASSOCIATION
 *
 */
body.assocPopup {
    background: none;
    overflow: auto;
    width: 462px;
}
body.assocPopup.setlogin,
body.assocPopup.setlogin .loginPanel {
    height: auto;
}
body.assocPopup.setlogin .loginPanel {
    background: none;
}
.assocPopup.error,
.assocPopup.fullsize {
    background: url(https://www.runescape.com/img/rs3/global/login/background-weblogin.jpg) no-repeat scroll center top #000000;
    width: auto;
    height: auto;
}
.assocPopup.error .loginPanel,
.assocPopup.fullsize .messageBox {
    margin: 217px auto;
}
.assocPopup.fullsize .loginPanel {
    margin: 185px auto;
}
.assocPopup .associate {
    display: none;
}
.assocPopup .options:after {
    clear:both;
 float:none;
 display:block;
 content:"";
}
.assocPopup h1,
.assocPopup h3 {
    color: #b2dbee;
    font-size: 2em;
}
.assocPopup h3 {
    font-size: 1.5em;
}
.assocPopup h2 {
    font-size: 4.5em;
}
.assocPopup .btnWrap {
    margin-top: 0;
}
.assocPopup p, .assocPopup .noButton {
    color: #cacaca;
    font-family: 'MuseoSans';
    font-size: 1.2em;
    line-height: 1.6em;
}
.assocPopup form {
    margin: 90px auto 0;
    width: 340px;
    position: relative;
}
.assocPopup .btn {
    min-width: 100px;
    text-align: center;
}
.assocPopup .pickOption {
    padding-top: 40px;
}
.assocPopup .pickOption {
    float: left;
    width: 50%;
}
.assocPopup .options p {
    height: 120px;
    padding: 5px 25px 0 0;
}
.assocPopup .associate p {
    padding: 10px 0 5px;
}
.assocPopup .associate .btn {
    margin: 20px 0 10px;
}
.assocPopup #errorMessage {
    display: none;
    color: red;
}
.assocPopup .noButton {
    background: none;
    border: medium none;
    color: #b2dbee;
    cursor: pointer;
    font-size: 1em;
    padding: 0;
    vertical-align: inherit;
}
.assocPopup .noButton:hover {
    text-decoration: underline;
}
.assocPopup .backToHP {
    display: none;
}
.assocPopup.error .backToHP,
.assocPopup.fullsize .backToHP {
    display: block;
    font-size: 0;
    height: 40px;
    position: absolute;
    right: 1px;
    top: 57px;
    width: 45px;
    z-index: 2;
}
.assocPopup.error .backToHP:hover,
.assocPopup.fullsize .backToHP:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/close.png) no-repeat 0 0;
}
.assocPopup .errorHeader {
    margin: 100px 60px 20px;
}
.assocPopup .errorMes {
    margin: 0 60px 20px;
}
.assocPopup .errorMes p {
    margin: 0 0 20px;
}
#emailErrorBox, #passwordErrorBox, #pageErrorText   {
    display: none;
}
.upgradeFullMainSpace h1 {
    margin: 10px 0;
}
.upgradeFullMainSpace input[type="text"],
.upgradeFullMainSpace input[type="password"] {
    margin: 10px 0 0;
}
.upgradeFullWillAlso {
    margin-top: 10px;
}
.assocPopup .upgradeFullMainSpace .btnWrap {
    margin: 10px 0;
}

.fancybox-lock .loadingMessage {
 display: none;
}
.noPref .loadingMessage {
 margin: 83px auto auto;
 display: none;
}
.js .noPref .loadingMessage {
 display: block;
}

body.gameErrorPage {
    background:#071b25 url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;
    min-width: 880px;
    position: relative;
    font-family:'MuseoSans';
}
.gameErrorPage .stickyWrap {
    position: relative;
}
.gameErrorPage .runescape3Logo {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.gameErrorPage h2 {
    font-family: 'cinzel';
    font-weight: normal;
    margin: 10px 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.gameErrorPage .contentWrapper p {
    margin: 15px 0 0;
    line-height: 2em;
    font-size: 1.6em;
}
.gameErrorPage .bullets {
    margin-top: 0;
}
.gameErrorPage ol.bullets {
    list-style: decimal outside none;
    margin-left: 23px;
    margin-top: 0;
}
.gameErrorPage .greyFrame {
    clear: both;
    width: 100%;
}
.gameErrorPage .contentWrapper {
    width: 800px;
    margin: auto;
}
.gameErrorPage .contentWrapper {
    padding-top: 20px;
    padding-bottom: 220px;
}
/*
 *
 *  11. INFOGRAPHIC
 *
 */
.infographic .banner .inner {
    height: 409px;
}
.infographic .content {
 background:none;
 box-shadow:none;
 width:100%;
}
.infographic .infographicInner {
 padding:30px 30px 20px;
}
.infographic .infographicInner h2 {
 font-size:4em;
}
.infographic .infographicInner .col {
 color:#a9acad;
}
.infographic .infographicInner .col p {
 margin-bottom:15px;
}
.infographic .infographicWrapper {
 line-height:0;
 margin-bottom:20px;
 margin-left:-30px;
}
.infographic .share h4 {
 color:#e1bb34;
 font-size:2em;
 padding-right:15px;
}
.infographic .share .infoEmbedLink {
 float:left;
}
.infographic .share .infoEmbedLink a {
 color:#b2dbee;
}
.infographic .share .infoEmbedLink a:hover {
 color:#e1bb34;
}
.infographic .share .infoEmbedLink p {
 line-height:60px;
}
.infographic .infographicCenter  {
 text-align:center;
}
.infographic .infographicCenter textarea {
 margin-top:10px;
}
.infographic .title span {
 background:url('https://www.runescape.com/img/rs3/titles/infographic.png') no-repeat 0 0;
 bottom:6px;
}
.infographic .infoEmbed {
}
.infographic h3.playHeader {
 text-indent:-999999px;
}
.infographic h3.playHeader span {
 display:block;
 width:501px;
 height:29px;
 background:url('https://www.runescape.com/img/rs3/titles/begin-your-adventure.png') no-repeat 0 0;
 margin:25px auto 30px;
}
.fr.infographic h3.playHeader span, .de.infographic h3.playHeader span {
 width:616px;
}
.de.infographic h3.playHeader span {
 height:42px;
}
.infographic p.shareText {
 float:left;
 padding-top:15px;
}
.infographic .infoEmbed textarea {
 background:#000;
 color:#a9acad;
 padding:10px;
 border:1px solid #363e44;
 width:97%;
 height:75px;
 overflow:auto;
}
.infographic .infoEmbed textarea::selection {
 background: #E1BB34; /* Firefox */
 color:#000;
}
.infographic .infoEmbed textarea::-moz-selection {
 background: #E1BB34; /* Firefox */
 color:#000;
}
.infographic .playInfo{
    background:transparent url(https://www.runescape.com/img/rs3/sprite_main.png?2) no-repeat 0 -274px;
    text-align:center;
    font-size:2.5em;
    color:#061f2a;
    font-family:'cinzel';
    bottom:-13px;
    left:50%;
    margin-left:-208px;
    z-index:25;
    text-shadow: 1px 1px 1px #fff;
}
.infographic .playInfo,
.infographic .playInfo:after{
    display:block;
    position:absolute;
    width:416px;
    cursor: pointer;
    padding-top:13px;
    height:54px;
}

.infographic .playInfo:after{
 background-image: url(https://www.runescape.com/img/rs3/sprite_main.png?2);
    background-position:0 -351px;
    content: 'Play Now';
    height: 47px;
    top: 0;
    left: 0;
    opacity: 0.0; filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
.lt-ie9 .infographic .playInfo:after{
    display: none;
}
.infographic .playInfo:hover:after{
 content: 'Play Now';
    opacity: 1; filter: alpha(opacity=100);

}
/*
 *
 *  14. IE7/8 STYLES
 *
 */
.lt-ie9 .splash .playNow:after{
    display: none;
}
.lt-ie9 .splash .playNow:hover{
    background: url('https://www.runescape.com/img/rs3/splash/play-now-mo-ie.png') top left no-repeat;
}
.lt-ie8 .contents,lt-ie8 ul{
    zoom:1;
}
.lt-ie8 .main{
    zoom:1;
}
.lt-ie8 .splash .banner h2 span{
    line-height: 1.1em;
}
.lt-ie8 .carousel img {
    margin-left: -950px;
}
.lt-ie8 .flex-direction-nav li{
    position:absolute;
    top:155px;
    right:0;
}
.lt-ie8 .flex-direction-nav li:first-child{
    right:auto;
    left:0;
}
.lt-ie8 .flex-direction-nav a{
    top:0;
}
.lt-ie9 .contents {
    background: transparent url(https://www.runescape.com/img/rs3/background-content-top.jpg) repeat-x 0 0;
}
.lt-ie8 .slides li {
    position: relative;
}
.lt-ie8 .tabbedElement{
    float:left;
}
.lt-ie8 .sidebar{
    float:left;
    width:340px;
}
.lt-ie9 .title {
    background:transparent url(https://www.runescape.com/img/rs3/background-content-top.jpg) repeat-x 0 0;
}
.lt-ie9 .contents{
    background-image: url(https://www.runescape.com/img/rs3/background-content-top.jpg);
}
.lt-ie8 .tabNav li, .lt-ie8 .tabNav :first-child.active {
    position:static;
}
.lt-ie8 .secondary, .lt-ie8 .tabNav {
    height:53px;
    overflow:hidden;
}
.lt-ie9 .carousel:before, .lt-ie9 .carousel:after{
    display:none;
    background:none;
}
.lt-ie8 .login{
    display: inherit;
}
.lt-ie8 .like{
    display:none;
}
.lt-ie8 .btn input[type="submit"]{
    padding: 0 10px;
}
.lt-ie9 .news .tabbedElement,.lt-ie9 .title{
    padding-top:0;
}
.lt-ie9 .title:before{
    top:auto;
}
.lt-ie9 .title:after{
    top:-55px;
}
.lt-ie8 .userBarContent .friends span.friends{
    line-height: 0;
    vertical-align: 0;
}
.lt-ie9 .news .tabbedContent .categories{
    top:0;
}
.lt-ie9 .banner:before,.lt-ie9 .banner:after{
    display:none;
}
.lt-ie8 .lowerPlayNow.btnWrap{
    margin-left:-150px;
}
.lt-ie8 .btnWrap.lowerPlayNow span{
    line-height:1.35em;
    padding-top:8px;
}
.lt-ie8 .statements{
    position:relative;
    top:320px;
}
.lt-ie8 .fr .statements{
    position:relative;
    top:300px;
}
.lt-ie8 .hiscore thead tr th {
    background: transparent url(https://www.runescape.com/img/rs3/hiscores/table-header.png) repeat-x 0 0;
}
.lt-ie9 .hiscore .noBottom.tiledBlueFrame, .lt-ie9 .hiscore .noTop.tiledBlueFrame{
    border-width:0;
}
.lt-ie9 .hiscore .noTop{
    margin-top:0px;
}
.lt-ie9 .hiscore .changeCharacterTab a.changeCharacterOpen:after {
    -ms-transform: rotate(180deg);
}
.lt-ie8 .hiscore .compareSkillsOuter .skillIcons {
    top:0px;
    padding-top:55px;
}
.lt-ie8 .hiscore .compareVs {
    top:-40px;
}
.lt-ie8 .hiscore .changeCharacterTab {
    background:none;
}
.lt-ie8 .copy h4 a{
    position:static;
}
.lt-ie8 .categories{
    z-index:10;
}
.lt-ie8 .greyFrame{
    width:310px;
    height:262px;
}
.lt-ie8 .filter li {
    margin-right:8px;
}
.lt-ie8 .hiscore .changeCharacterForm {
 position:static;
}
.lt-ie8 .hiscore .changeCharacterForm .rightInput {
 right:20px;
}
.lt-ie8 .hiscore .changeCharacterForm .leftInput {
 left:20px;
}
.lt-ie8 .hiscore .changeCharacterOuter {
 margin-top:-80px;
}
.lt-ie9 .hiscore .tempHSCrossOuter {
 margin-right:0;
}
.lt-ie8 .hiscore .tempHSCompareSkillsOuter h3 {
 margin-top:8px;
}
.lt-ie8 .hiscore .tempHSCompareSkillsOuter {
 margin-top:-14px;
}
.lt-ie8 .hiscore .tempHSPlayerWinTotal {
 margin-bottom:-39px;
 bottom:20px;
}
.lt-ie9 .infographic .banner .inner {
 height:605px;
}
/*
 *
 *  16. STORE LOCATOR PAGE
 *
 */
.storeLoc .banner .inner {
 height: 410px;
}
.storeLoc .title span {
 background: url(https://www.runescape.com/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(https://www.runescape.com/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(https://www.runescape.com/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(https://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat-y 0 0;
 width: 490px;
}
.storeLoc .selectStore .subMenu:after {
    background: url(https://www.runescape.com/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(https://www.runescape.com/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(https://www.runescape.com/img/rs3/cards/member-packages.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .ctaButton.store a {
 background: url(https://www.runescape.com/img/rs3/cards/activate-card.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .right:before,
.storeLoc .right:after,
.storeLoc .ctaButton:after {
 background: url(https://www.runescape.com/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(https://www.runescape.com/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(https://www.runescape.com/img/rs3/cards/member-packages.jpg) no-repeat scroll 0 0 transparent;
}
.storeLoc .ctaButton.store a {
 background: url(https://www.runescape.com/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(https://www.runescape.com/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(https://www.runescape.com/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(https://www.runescape.com/img/rs3/cards/shop-sprite.jpg) 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 -2846px;
}
.shopLink.shopNewegg {
 background-position: 0 -2937px;
}
.shopLink.shopZeevex {
 background-position: 0 -3026px;
}
.shopLink.shopDollar{
 background-image: url(https://www.runescape.com/img/rs3/cards/shop-dollar.jpg);
}
.shopLink.shopHastings{
 background-image: url(https://www.runescape.com/img/rs3/cards/shop-hastings.jpg);
}
.shopLink.shopMeijer{
 background-image: url(https://www.runescape.com/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;
}
/*
 *
 *  17. FRIENDS PAGE
 *
 */
.friends .title span{
    background: transparent url(https://www.runescape.com/img/rs3/titles/my-friends.png) no-repeat -3px -16px;
}
.friends .banner .inner {
    height: 409px;
}
.friends .categorySection {
    margin: 20px 30px 0;
    min-height: 45px;
}
.friends .filter li, .friends .filter h6 {
    font-size: 1.4em;
}
.friends .tiledBlueFrame table .col1 {
 width:60%;
}
.friends .tiledBlueFrame table .align {
 text-align:center;
 vertical-align:middle;
}
.friends .tiledBlueFrame table .align img {
 vertical-align:middle;
}
.friends .loadingAnim {
 text-align:center;
 margin:0 auto;
 display:none;
}
.no-js .friends #friendsTableContent {
 display:block;
}
.js .friends #friendsTableContent, .no-js .friends .ajaxFriendInfo {
 display:none;
}
.friends .sidebar section:last-child:before{
    background:none;
    display:none;
}
.friends .sidebar .index{
    border:0;
    margin-right:0;
}
.friends .sidebar table {
 width:100%;
 border-collapse:separate;
 border-bottom: 1px solid #223843;
}
.friends .sidebar table td {
 padding:20px 10px 20px 0;
 font-family: 'cinzel';
 font-weight:bold;
 font-size:1.6em;
 border-bottom: 1px solid #000000;
    border-top: 1px solid #223843;
}
.friends .sidebar table td.inputCell {
 text-align:right;
 padding-right:35px;
}
.friends .sidebar table td.alt {
 color:#e1bb34;
}
.friends .sidebar select, .friends .sidebar option {
 border:1px solid #355563;
 background:#000;
 color:#AED0E0;
}
.friends .sidebar option {
 border-bottom:none;
}
.friends .sidebar input.text {
 font-size:1em;
 width:165px;
}
.friends .sidebar .btn input[type="submit"] {
 padding:0 5px;
}
.friends .tableWrap p.error {
 color: #e1bb34;
    margin: 0 10px;
    padding:10px;
}
 /*
 * 29. UNAVAILABLE
 */
.unavailable main{position: relative;display: table;vertical-align: middle;width: 1050px;height: 625px;padding-bottom:221px;margin-top: 0;background: url(https://www.runescape.com/img/rs3/global/holeInWall.jpg) no-repeat 150px 25px, url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;box-shadow: none;-webkit-box-shadow: none;}
.unavailable .unavailableMessage{display: table-cell;vertical-align: middle;}
.unavailable .unavailableMessage:after{position: absolute;height: 97px;width: 243px;content: '';top: 30%; right: 24%;background: url(https://www.runescape.com/img/rs3/global/eyes.jpg) no-repeat 0 0;-webkit-animation: arrive 4s, pulse 2s 4s infinite;-moz-animation: arrive 4s, pulse 2s 4s infinite;-ms-animation: arrive 4s, pulse 2s 4s infinite;-o-animation: arrive 4s, pulse 2s 4s infinite;animation: arrive 4s, pulse 2s 4s infinite;}
@-moz-keyframes arrive {from {opacity: 0; -moz-transform: translateY(24px);} to {opacity: 1; -moz-transform: translateY(0px);}}
@-webkit-keyframes arrive {from {opacity: 0; -webkit-transform: translateY(24px);} to {opacity: 1; -webkit-transform: translateY(0px);}}
@-ms-keyframes arrive {from {opacity: 0; -ms-transform: translateY(24px);} to {opacity: 1; -ms-transform: translateY(0px);}}
@-o-keyframes arrive {from {opacity: 0; -0-transform: translateY(24px);} to {opacity: 1; -o-transform: translateY(0px);}}
@keyframes arrive {from {opacity: 0; transform: translateY(24px);} to {opacity: 1; transform: translateY(0px);}}
@-webkit-keyframes pulse {0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;}}
@-moz-keyframes pulse {0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;}}
@-ms-keyframes pulse {0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;}}
@keyframes pulse {0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 1;}}
.unavailable h1{width: 500px;font-size: 5.0em;}
.unavailable h1 span{display: block;font-size: 0.7em;color: #d7dbe1;}
.unavailable .unavailableMessage p{font-size: 1.5em;}
/*
 * 30. SUPPORT PAGES
 *
 */
.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{
 -webkit-box-shadow: 0 15px 10px -4px black;
 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;
}
/*
 * 31. PASSWORD RECOVERY
 *
 */
.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%;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
.emailInput:focus + .hiddenInfo {
 opacity: 1;
}
.passwordRecoveryStyling div.emailInputWrap input.emailInput {
 margin-bottom: 20px!important;
}
/*
 * 32. CMS Styles
 *
 */
 .template .inner{
  height: 408px;
 }
.template .title{
 padding: 0 30px 28px 0;
}
.template .title span{
 background: none;
 font-size: 8em;
 height: 76px;
 padding-bottom: 0;
 text-indent: 2px;
 text-shadow: 1px 1px 2px black;
}
.template .title span:before{
 display: none;
}
.template .breadcrumb{
 -webkit-box-shadow: 0 15px 10px -4px black;
 box-shadow: 0 15px 10px -4px black;
}
.template .cms-content{
 min-height: 520px;
 padding: 30px 0;
}
/*
 * 32. SHARED STYLES BETWEEN RS2012 and RS3
 *
 */




/* Generic Styles START */
::selection{background-color:#8eb0c0;color:#fff;}
::-moz-selection{background-color:#8eb0c0;color:#fff;}
::-webkit-input-placeholder{color:#536066 !important;font-style:italic;}
:-moz-placeholder{color:#536066 !important;font-style:italic;}
::-moz-placeholder{color:#536066 !important;font-style:italic;}
:-ms-input-placeholder{color:#536066 !important;font-style:italic;}
ul:before, ul:after,.clear:before,.clear:after{content: " ";display:table;}
ul:after,.clear:after{clear:both;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
.lt-ie8 .userBarContent li,
.ie7 header .userBarContent li,
.ie6 header .userBarContent li{
    display:inline;
}
.lt-ie8 .footer,
.ie7 footer .footer,
.ie6 footer .footer{
    padding-bottom:0;
}
.lt-ie8 footer hr,
.ie7 footer hr,
.ie6 footer hr{
    height: 0px;
    border-top: 1px solid #4e402b;
}
.lt-ie8 .userBarContent > ul,
.ie7 header .userBarContent > ul,
.ie6 header .userBarContent > ul{
    position: relative;
    z-index: 1;
}
/* Multiple background fallbacks */
.lt-ie9 .primary>ul>li:last-child .dropdown,
.ie8 header .primary>ul>li:last-child .dropdown,
.ie7 header .primary>ul>li:last-child .dropdown,
.ie6 header .primary>ul>li:last-child .dropdown{
    background-image: url('https://www.runescape.com/img/rs3/dropdownBack.jpg');
    background-repeat: repeat;
    background-position: top right;
}
.lt-ie9 .primary>ul>li .dropdown,
.ie8 header .primary>ul>li .dropdown,
.ie7 header .primary>ul>li .dropdown,
.ie6 header .primary>ul>li .dropdown{
    background-image: url('https://www.runescape.com/img/rs3/dropdownBack.jpg');
}
.lt-ie9 .logo .dropdown,
.lt-ie9 .userBarContent > ul > li .dropdown,
.ie8 header .userBarContent > ul > li .dropdown,
.ie7 header .userBarContent > ul > li .dropdown,
.ie6 header .userBarContent > ul > li .dropdown{
    background-image: url('https://www.runescape.com/img/rs3/playerMenuBack.jpg');
    background-repeat: repeat;
    background-position: 0 0;
}
.lt-ie9 .footer,
.ie8 footer .footer,
.ie7 footer .footer,
.ie6 footer .footer{
    background-image: url(https://www.runescape.com/img/rs3/background-footer.gif);
    z-index: -1;
}
.lt-ie8 .banner{
    overflow: hidden;
}
.ie7 .indexpage#legacy footer {
 position:relative;
 margin-top:-30px;
}
/* Generic Styles START */
footer h6{
    font-family:'cinzel';
    font-weight:normal;
}
.floatleft {
    float:left;
    display:inline;
}
.floatright {
    float:right;
    display:inline;
}
/* Generic Styles END */
.wrap{
    width:1000px;
    margin:0 auto;
}
/* Header START */
.header{background: #071b25 url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;box-shadow: 0 2px 3px black;position: relative;z-index: 50;}
.header__bg{background: url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) repeat-x center bottom;background: url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) no-repeat left top, url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) no-repeat right center, url(https://www.runescape.com/img/rs3/global/header_bg_set.jpg) repeat-x center bottom;border-top: 1px solid #39444b;}
.header{min-width: 1020px;}
.header:after{background: #39444b;bottom: -1px;content: '';height: 1px;position: absolute;width: 100%;}
.header__container{margin: auto;max-width: 1000px;}
.header-top{clear: both;display: none;font-size: 1.2em;line-height: 30px;overflow: hidden;}
.header-top__left{float: left;}
.header-top__profile{display: block;overflow: hidden;}
.header-top__player-figure{background: #393939;background: linear-gradient(#393939,#151515);border-radius: 50%;box-shadow: inset 0 0 5px 5px #141414, 0 0 5px 5px rgba(0,0,0,0.3);border: 1px solid #515557;float: left;height: 27px;margin: 0 7px 0 0;text-align: center;width: 27px;}
.header-top__player-avatar{margin-top: 1px;}
.header-top__name{color: #d7dbe1;float: left;font-family: 'cinzel';font-size: 1.2em;}
.header-top__profile:hover .header-top__player-figure{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header-top__profile:hover .header-top__name{color: #e1bb34;}
.header-top__not-member{color: #a9acad;margin-left: 20px;}
.header-top__not-member:hover{color: #a9acad;}
.header-top__not-member:hover .header-top__not-member-span{color: #fff2c5;}
.header-top__not-member-span{color: #e1bb34;}
.header-top__not-member--icon{margin-left: 0;padding-left: 25px;position: relative;}
.header-top__not-member--icon:before{background: url(https://www.runescape.com/img/rs3/global/header.png) no-repeat 0 0;content: '';height: 18px;left: 0;position: absolute;top: 0;width: 20px;}
.header-top__not-member--icon:hover:before{background-position: 0 -28px;}
.header-top__right{float: right;line-height: 30px;}
.header-top__right-option{float: left;padding: 0 10px;position: relative;}
.header-top__right-option:after{background: black;border-right: 1px solid #444;content: '';height: 50%;position: absolute;right: 0;top: 25%;width: 1px;}
.header-top__right-option:last-child:after{display: none;}
.header-top__right-link{color: #a9acad;}
.header-top__right-link:hover{color: #e1bb34;}
.header-top__right-link--signin{color: #e1bb34;}
.header-top__right-link--signin:hover{color: #fff2c5;}
.header-top__right-link--signout{color: #a9acad;}
.header-top__right-link--signout:hover{color: #e1bb34;}
.header-second{clear: both;font-size: 1.5em;line-height: 25px;min-height: 59px;position: relative;}
.header-second__logo{display: block;margin: auto;width: 141px;}
.header-second__logo:hover{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header-second__logo-image{margin-top: 7px;vertical-align: middle;}
.header-second__figure{background: #393939;background: linear-gradient(#393939,#151515);border-radius: 50%;box-shadow: inset 0 0 5px 5px #141414, 0 0 5px 5px rgba(0,0,0,0.3);border: 1px solid #515557;height: 56px;position: absolute;right: 0;text-align: center;top: 0;width: 56px;-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.header-second__figure:hover .header-second__figure-image{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header-second__figure-image{margin-top: 6px;}
.main-nav{left: 0;position: absolute;width: 100%;}
.main-nav:before{color: #e1bb34;content: '\2261';cursor: pointer;font-size: 4em;height: 72px;left: 0;line-height: 65px;position: absolute;top: -54px;width: 72px;}
.main-nav:hover:before{color: #fff2c5;}
.main-nav__list{background: url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;margin-top: 11px;}
.main-nav__item{background: url(https://www.runescape.com/img/rs3/content_repeat_y.jpg) repeat -1px 0;display: none;font-size: 1.3em;padding: 16px;position: relative;}
.main-nav__item:after{background: black;border-bottom: 1px solid #1e313c;bottom: 0;content: '';height: 1px;left: 0;position: absolute;width: 100%;}
.main-nav__item--expand{padding: 20px 20px 0;}
.main-nav__item--play:after{display: none;}
.main-nav--show .main-nav__item{display: block;}
.main-nav__heading{color: #e1bb34;display: block;font-family: 'cinzel';}
.main-nav__heading:hover{color: #fff2c5;}
.main-nav__expander{float: right;height: 30px;position: relative;width: 30px;}
.main-nav__expander:before{background: black;border-right: 1px solid #1e313c;content: '';height: 100%;left: -10px;position: absolute;top: 0;width: 1px;}
.main-nav__expander:after{border-color: #e1bb34 transparent transparent transparent;border-style: solid;border-width: 12px 10px;content: '';left: 0;position: absolute;top: 6px;}
.main-nav__item--expand .main-nav__expander:after{border-color: transparent transparent #e1bb34 transparent;top: -6px;}
.main-nav__item--group:hover .main-nav__expander:after{border-color: #fff2c5 transparent transparent transparent;}
.main-nav__item--group:hover .main-nav__heading{color: #fff2c5;}
.main-nav__group{background: url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;display: none;font-size: 0.9em;line-height: 24px;z-index: 1;}
.main-nav__item--expand .main-nav__group{display: block;}
.main-nav__group-item{color: #d7dbe1;font-family: 'MuseoSans';font-size: 0.8em;position: relative;}
.main-nav__group-item:after{background: black;border-bottom: 1px solid #1e313c;bottom: 0;content: '';height: 1px;left: 0;position: absolute;width: 100%;}
.main-nav__group-item-link{color: #d7dbe1;display: block;height: 26px;padding: 12px 10px 8px;position: relative;z-index: 1;}
.main-nav__group-item-link:visited{color: #d7dbe1;}
.main-nav__group-item:hover .main-nav__group-item-link{color: #e1bb34;}
.main-nav__group-item:hover:before{-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
.header__login{display: none;}


 .main-nav__item--play{background: url(https://www.runescape.com/img/rs3/global/header_play.jpg) repeat-x 0 0;border-top: 1px solid #f8e68d;border-bottom: 1px solid #633702;border-right: none;display: block;font-size: 1.7em;height: 60px;position: absolute;right: 0;top: -49px;z-index: 2;}
 .main-nav__item--play .main-nav__heading{color: black;padding: 3px 19px 0 0;position: relative;}
 .main-nav__item--play .main-nav__heading:after{border-color: transparent transparent transparent black;border-style: solid;border-width: 5px 8px;content: '';right: 9%;position: absolute;top: 44%;}
 .de .main-nav__item--play .main-nav__heading:after, .es .main-nav__item--play .main-nav__heading:after{right: 0%;}
 .header-second__figure{display: none;}


 .header-top{display: block;}
 .main-nav__item--account{display: none;}


 .header-table{display: table;width: 100%;}
 .header-second__logo{display: table-cell;vertical-align: middle;width: 160px;}
 .header-second__logo-image{margin-top: 0;}
 .main-nav{display: table-cell;position: relative;vertical-align: top;width: auto;}
 .main-nav:before{display: none;}
 .main-nav__list{background: transparent;float: left;height: 59px;margin-top: 0;vertical-align: middle;width: 100%;}
 .main-nav__item{border-left: 1px solid #39444b;border-right: 1px solid black;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display: block;float: left;line-height: 57px;padding: 0;text-align: center;vertical-align: middle;white-space: nowrap;}
 .main-nav__item:hover{background: url(https://www.runescape.com/img/rs3/background-main.jpg) repeat 0 0;box-shadow: inset 0 0 8px 3px black;}
 .main-nav__item--play:hover{background: url(https://www.runescape.com/img/rs3/global/header_play_hover.jpg) repeat-x 0 0;box-shadow: none;}
 .cssfilters .main-nav__item--play:hover{background: url(https://www.runescape.com/img/rs3/global/header_play.jpg) repeat-x 0 0;-webkit-filter: brightness(1.3);-moz-filter: brightness(1.3);-ms-filter: brightness(1.3);-o-filter: brightness(1.3);filter: brightness(1.3);}
 .main-nav__item--account{display: none;}
 .main-nav__item--game{width: 19%;}
 .main-nav__item--news{width: 12%;}
 .main-nav__item--community{width: 19%;}
 .main-nav__item--shop{width: 13%;}
 .main-nav__item--play{border-right: none;position: relative;top: 0;width: 22%;}
 .main-nav--show .main-nav__item{display: table-cell;}
 .main-nav--show .main-nav__item--account{display: none;}
 .main-nav__item:after{display: none;}
 .main-nav__heading{font-size: 0.8em;padding-top: 3px;}
 .fr .main-nav__heading{font-size: 0.7em;}
 .main-nav__item--group .main-nav__heading{padding-right: 13px;}
 .main-nav__expander:before{display: none;}
 .main-nav__expander{clear: both;height: 20px;position: absolute;right: 3%;top: 34%;width: 20px;}
 .main-nav__expander:after{border-width: 6px 5px;top: 9px;}
 .de .main-nav__item--game .main-nav__expander:after, .fr .main-nav__item--shop .main-nav__expander:after, .pt .main-nav__item--game .main-nav__expander:after, .es .main-nav__item--game .main-nav__expander:after{left: 11px;}
 .main-nav__group{border: 1px solid #39444b;position: absolute;left: -1px;min-width: 200px;text-align: left;top: 59px;width: 100%;}
 .main-nav__item--group:hover .main-nav__group{display: block;}
 .main-nav__group-item--shop{position: relative;}
 .fr .main-nav__group-item--shop, .pt .main-nav__group-item--shop, .es .main-nav__group-item--shop{font-size: 0.6em;}
 .main-nav__group-item--shop .main-nav__group-item-link{padding-left: 55px;}
 .main-nav__item--shop .main-nav__expander{right: 7%;}
 .main-nav__group-item--shop:before{background: url(https://www.runescape.com/img/rs3/global/header.png) no-repeat 0 0;content: '';height: 30px;left: 13px;position: absolute;top: 8px;width: 30px;z-index: 0;}
 .main-nav__group-item--shop-membe:before{background-position: 0px -56px;}
 .main-nav__group-item--shop-solom:before{background-position: 0px -96px;}
 .main-nav__group-item--shop-treas:before{background-position: 0px -136px;}
 .main-nav__group-item--shop-bonds:before{background-position: 0px -176px;}
 .main-nav__group-item--shop-loyal:before{background-position: 0px -216px;}
 .main-nav__group-item--shop-cards:before{background-position: 0px -256px;}
 .main-nav__group-item--shop-merch:before{background-position: 0px -296px;}

/*IE OVERIDES - no need to support responsive in less than IE10*/
.lt-ie8 .header-second__logo{display: block;float: left;}
.lt-ie8 .main-nav{display: block;float: left;width: 80%;}
.lt-ie8 .main-nav__list{width: 900px;}
.lt-ie8 .main-nav__item{width: 15%;}
.lt-ie8 .header-second__logo-image{margin-top: 8px;}
/* Header END */
/* Button Styles START*/


/* Generic Button START */

.btnWrap{
    margin-top:20px;
}
.btnWrap--inline{
 display: inline-block;
}
.lt-ie8 .advantage .btnWrap,
.lt-ie8 .advantage p{
    display: inline-block;
}
.lt-ie8 .advantage .btnWrap{
    top: 15px;
    margin-top: 0;
}
.lt-ie8 .galleryWrap .flex-direction-nav {
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.lt-ie8 .galleryWrap .flex-direction-nav li {
    width: 100%;
    top: 50%;
}
.lt-ie8.no-borderimage .greyFrame>.tl.corner,
.lt-ie8.no-borderimage .greyFrame>.tr.corner{
    top: 0;
}
.lt-ie8.no-borderimage .greyFrame>.bl.corner,
.lt-ie8.no-borderimage .greyFrame>.br.corner{
    top: auto;
}
.btn{
    display:inline-block;
    color:#000;
    font-family:'cinzel';
    font-size:1.4em;
    height:46px;
    background: transparent url(https://www.runescape.com/img/rs3/sprite-btn.png) no-repeat 0 0;
    padding-left:10px;
    text-shadow:1px 1px 2px #ecc622;
}
.btn a, .btnRight{
    color:#000;
    display:block;
    background:transparent url(https://www.runescape.com/img/rs3/sprite-btn.png) no-repeat right -203px;
    padding-right:12px;
    cursor:pointer;
}
.btnRight{
    height:38px;
    float: left;
}
.btn span, .btn input[type="submit"], .btn button{
    display:block;
    background:transparent url(https://www.runescape.com/img/rs3/sprite-btn.png) repeat-x 0 -102px;
    padding:14px 10px 0;
    height:32px;
    cursor:pointer;
    white-space: nowrap;
    outline:0;
}
.less .btn span:before {
    content:'';
    display:inline-block;
    width:20px;
    height:11px;
    margin-left:0px;
    background:transparent url(https://www.runescape.com/img/rs3/_sprite/btn-arrow-left.png) no-repeat  0 0;
}
.more .btn span:after,.more .btnRight:after{
    content:"";
    display:inline-block;
    margin-left:8px;
    border-top:solid 5px transparent;
    border-bottom:solid 5px transparent;
    border-left:solid 7px #000;
}
.more .btnRight{
 position:relative;
}
 .more .btnRight:after{
  position:absolute;
  top:15px;
  right:20px;
 }
.showMore .btn span:after{
    content:'';
    display:inline-block;
    margin-left:8px;
    background: transparent url(https://www.runescape.com/img/rs3/arrow-show-more.png) no-repeat 0 2px;
    width:9px;
    height:11px;
}
.btn input[type="submit"], .btn button{
    border:none;
    font-family:'cinzel';
    height:38px;
    margin:0;
    cursor:pointer;
    padding-top:4px;
    height:41px;
    outline:0;
}
.btn:focus input[type="submit"], .btn input[type="submit"]:focus, .btn:focus button,  .btn button:focus{
 outline:0;
}
.btn:hover{
    background-position: 0 -51px;
}
.btn:hover a, .btn:hover .btnRight{
    background-position: right -254px;
    color:#000;
}
.btn:hover span, .btn:hover input[type="submit"], .btn:hover button{
    background-position:0 -153px;
}
/* Generic Button END */
/* Blue Button START */
.btnWrap.blue .btn,
.btnWrap.yellow .btn,
.btnWrap.green .btn {
 padding-left: 12px;
}
.btnWrap.blue .btn,
.btnWrap.blue .btn a,
.btnWrap.blue .btn .btnRight,
.btnWrap.blue .btn span,
.btnWrap.blue .btn input[type="submit"],
.btnWrap.blue .btn button {
 background: url(https://www.runescape.com/img/rs3/btn-blue.png) no-repeat scroll 0 0 transparent;
}
.btnWrap.yellow .btn,
.btnWrap.yellow .btn a,
.btnWrap.yellow .btn .btnRight,
.btnWrap.yellow .btn span,
.btnWrap.yellow .btn input[type="submit"]
.btnWrap.yellow .btn button {
 background: url(https://www.runescape.com/img/rs3/btn-yellow.png) no-repeat scroll 0 0 transparent;
}
.btnWrap.green .btn,
.btnWrap.green .btn a,
.btnWrap.green .btn .btnRight,
.btnWrap.green .btn span,
.btnWrap.green .btn input[type="submit"]
.btnWrap.green .btn button {
 background: url(https://www.runescape.com/img/rs3/btn-green.png) no-repeat scroll 0 0 transparent;
}
.btnWrap.blue .btn:hover,
.btnWrap.yellow .btn:hover,
.btnWrap.green .btn:hover {
 background-position: 0 -46px;
}
.btnWrap.blue .btn a,
.btnWrap.blue .btn .btnRight,
.btnWrap.yellow .btn a,
.btnWrap.yellow .btn .btnRight,
.btnWrap.green .btn a,
.btnWrap.green .btn .btnRight {
 background-position: right -184px;
}
.btnWrap.blue .btn:hover a,
.btnWrap.blue .btn:hover .btnRight,
.btnWrap.yellow .btn:hover a,
.btnWrap.yellow .btn:hover .btnRight,
.btnWrap.green .btn:hover a,
.btnWrap.green .btn:hover .btnRight {
 background-position: right -230px;
}
.btnWrap.blue .btn span,
.btnWrap.blue .btn input[type="submit"],
.btnWrap.blue .btn button,
.btnWrap.yellow .btn span,
.btnWrap.yellow .btn input[type="submit"],
.btnWrap.yellow .btn button,
.btnWrap.green .btn span,
.btnWrap.green .btn input[type="submit"],
.btnWrap.green .btn button {
 background-position: 0 -92px;
 background-repeat: repeat-x;
 text-shadow: 1px 1px 1px #27b9ce;
 font-weight: 700;
}
.btnWrap.yellow .btn span,
.btnWrap.yellow .btn input[type="submit"],
.btnWrap.yellow .btn button {
 text-shadow: 1px 1px 1px #ffe822;
}
.btnWrap.green .btn span,
.btnWrap.green .btn input[type="submit"],
.btnWrap.green .btn button {
 text-shadow: 1px 1px 1px rgba(183,224,79,0.8);
}
.btnWrap.blue .btn:hover span,
.btnWrap.blue .btn:hover input[type="submit"],
.btnWrap.blue .btn:hover button,
.btnWrap.yellow .btn:hover span,
.btnWrap.yellow .btn:hover input[type="submit"],
.btnWrap.yellow .btn:hover button
.btnWrap.green .btn:hover span,
.btnWrap.green .btn:hover input[type="submit"]
.btnWrap.green .btn:hover button {
 background-position: 0 -138px;
}
/* Blue Button END */

/* Button Styles END*/
/* Lightbox START */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin{
    position: relative;
    text-shadow: none;
}
.fancybox-opened{
    z-index: 8030;
}
.fancybox-outer, .fancybox-inner{
    position: relative;
}
.fancybox-inner{
    overflow: visible;
}
.fancybox-error{
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe{
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image{
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{
    background-image: url(https://www.runescape.com/img/rs3/lightbox/fancybox_sprite.png);
}
#fancybox-loading{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div{
    width: 44px;
    height: 44px;
    background: url(https://www.runescape.com/img/rs3/lightbox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close{
    background-image: url(https://www.runescape.com/img/rs3/lightbox/video-bg-hover.png);
    height: 31px;
    position: absolute;
    right: -36px;
    top: -22px;
    width: 31px;
    z-index: 8040;
}
.fancybox-close:hover {
    background: url(https://www.runescape.com/img/rs3/lightbox/video-bg-hover.png) no-repeat scroll top right transparent;
}
.loginFancyBoxGame .fancybox-close{
    display: none;
}
.fancybox-nav{
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url(https://www.runescape.com/img/rs3/lightbox/blank.gif);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev{
    left: 0;
}
.fancybox-next{
    right: 0;
}
.fancybox-nav span{
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span{
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span{
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span{
    visibility: visible;
}
.fancybox-tmp{
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock{
    overflow: hidden;
}
.fancybox-overlay{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(https://www.runescape.com/img/rs3/lightbox/fancybox_overlay.png);
}
.fancybox-overlay-fixed{
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay{
    overflow: auto;
}
.fancybox-title{
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title{
    visibility: visible;
}
.fancybox-title-float-wrap{
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child{
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap{
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap{
    padding-top: 10px;
}
.fancybox-title-over-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
.fancybox-outer .outerCorner {
    background: url(https://www.runescape.com/img/rs3/lightbox/video-bg.png);
    position: absolute;
    height: 100%;
    width: 70%;
    max-height: 630px;
}
.fancybox-outer .outerCorner.tr {
    background-position: right top;
}
.fancybox-outer .outerCorner.bl {
    background-position: left bottom;
}
.fancybox-outer .outerCorner.br {
    background-position: right bottom;
}
.fancybox-outer .outerCorner.tl,
.fancybox-outer .outerCorner.tr {
    top: -47px;
}
.fancybox-outer .outerCorner.tl,
.fancybox-outer .outerCorner.bl {
    left: -30px;
}
.fancybox-outer .outerCorner.tr,
.fancybox-outer .outerCorner.br {
    right: -60px;
}
.fancybox-outer .outerCorner.bl,
.fancybox-outer .outerCorner.br {
    bottom: -30px;
}
/* Lightbox END */
/* Footer START */
.footer {
 background: url(https://www.runescape.com/img/rs3/parchment.jpg);
 position:relative;
    overflow:visible;
    z-index:15;
    display: block;
    margin-top: -172px;
}
#legacy .footer {
 margin-top: 0px;
}
.footer:before, footer:after {
 content: '';
 display: block;
 background: transparent url(https://www.runescape.com/img/rs3/large_break.jpg) repeat-x 0 0;
 clear:both;
}
.footer:before {
 height: 52px;
 -webkit-box-shadow:0px -4px 15px #000;
    -moz-box-shadow:0px -4px 15px #000;
    box-shadow:0px -4px 15px #000;
}
.footer:after {
 box-shadow: inset 0px 5px 55px -10px #000;
    -webkit-box-shadow: inset 0px 5px 55px -10px #000;
    -moz-box-shadow: inset 0px 5px 55px -10px #000;
    height: 10px;
}
.footer__inner {
 max-width: 1000px;
 margin: 10px auto;
 padding: 20px 10px 70px;
}
.footer__jagex{
    display:block;
    text-indent:-9999px;
    background:transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat -462px 0;
    width:140px;
    height:31px;
    float:left;
    margin: 10px 35px 10px 0;
}
.footer__paragraph{
    color:#2b1e0a;
    font-size:1.1em;
    max-width:460px;
    float:left;
    font-family: 'MuseoSans';
    padding: 5px 0;
}
@media (min-width: 45em) {
  .footer__paragraph {
    border-left: 1px solid #867458;
    padding: 5px 20px;
  }
}
.footer__paragraph__link{
    color:#2B1E0A;
    text-decoration:underline;
}
.footer__paragraph__link:hover{
    color:#876430;
}

.ageWarning {
 position: absolute;
 right: 109px;
 top: -8px;
}

input.text,input.password {
    background-color: #010709;
    border: 1px solid #355563;
    color: #aed0e0;
    border-radius: 6px;
    padding:10px 12px;
    font-family: 'MuseoSans';
    font-size: 1.55em;
}
input.text:focus,input.password:focus {
    background:#062127;
    outline:none;
}
.LoginForm input.text, .LoginForm input.password {
    width: 307px;
    margin: 12px 0 0;
    padding: 16px 14px 10px;
}
.social__follow, .social__list { float:left; list-style: none; }
.social__list { margin: 10px 0;}
.social--share .social__list { margin: 2px 0; }
.social__list__item { float:left; margin-left: 5px; }
.social--homepage .social__list { margin: 20px;}
.social--homepage .social__list__item { float:left; margin-left:10px; }
.social__item__link{ display:block; text-indent:-9999px; background:transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat -1300px 0; width:42px; height:40px; }
.social__item__link:hover{ background-position: -1352px 0; }
.social__list__item--twitter .social__item__link{ background-position: -1716px 0; }
.social__list__item--twitter .social__item__link:hover{ background-position: -1768px 0; }
.social__list__item--youtube .social__item__link{ background-position: -1820px 0; }
.social__list__item--youtube .social__item__link:hover{ background-position: -1872px 0; }
.social__list__item--google .social__item__link{ background-position: -1404px 0; }
.social__list__item--google .social__item__link:hover{ background-position: -1456px 0; }
.social__list__item--rss .social__item__link{ background-position: -1612px 0; }
.social__list__item--rss .social__item__link:hover{ background-position: -1664px 0; }
.social__list__item--reddit .social__item__link{ background-position: -1508px 0; }
.social__list__item--reddit .social__item__link:hover{ background-position: -1560px 0; }
.language { float: right; margin: 10px 0; display: inline-block; background-color: #252525; border: solid 1px #5e5e5e; padding: 3px 25px 3px 5px; position: relative; -moz-box-shadow: inset 0 0 3px 2px #000; -webkit-box-shadow: inset 0 0 3px 2px #000; box-shadow: inset 0 0 3px 2px #000; border-radius: 2px; -moz-border-radius: 2px; position: relative; }
.language:after { content: ''; display: block; width: 26px; height: 30px; background: transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat 0 0; position: absolute; right: 0; top: 0; }
.language:hover:after { background-position: -38px 0; }
.language__inner { overflow: hidden; width: 37px; position: relative; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; -ms-transition: width 0.5s ease; transition: width 0.5s ease; }
.language:hover .language__inner, .language__list { width: 205px; }
.language--footer.language:hover .language__inner, .language--footer .language__list { width: 245px; }
.language__item__link, .language__item__span { display: block; background: transparent url(https://www.runescape.com/img/rs3/sprite.png) no-repeat -286px 0; text-indent: -9999px; width: 34px; height: 22px; position: relative; }
.language__item__link:before, .language__item__link:after, .language__item__span:before, .language__item__span:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-box-shadow: inset 0 0 10px 1px #000; -webkit-box-shadow: inset 0 0 10px 1px #000; box-shadow: inset 0 0 10px 1px #000; }
.language__list__item--de .language__item__link, .language__list__item--de .language__item__span { background-position: -242px 0; }
.language__list__item--fr .language__item__link, .language__list__item--fr .language__item__span { background-position: -374px 0; }
.language__list__item--pt .language__item__link, .language__list__item--pt .language__item__span { background-position: -418px 0; }
.language__list__item--es .language__item__link, .language__list__item--es .language__item__span { background-position: -330px 0; }
.language__list__item { float: left; margin-left: 5px; border: solid 1px #5c5c5c; }
.language__list__item:first-child { margin-left: 0; }
/* Footer END */
body.weblogin {
     background:#000 url("https://www.runescape.com/img/rs3/global/login/background-weblogin.jpg?1") no-repeat top center;
}
.loginPanel{
    padding-bottom:10px;
    overflow: hidden;
    position:relative;
}
.logoutPanel {
    background: url("https://www.runescape.com/img/rs3/global/login/logoutBack.png") no-repeat scroll 0 0 transparent;
    height: 362px;
    overflow: hidden;
    width: 462px;
    position:relative;
}
div.login{
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    display: block;
}
div.logout {
    margin: 90px 66px 0 58px;
}
.weblogin .ModalContain a.fauxHomeLink{
    display:block;
    width:31px;
    height:32px;
    position:absolute;
    right: 18px;
    top: 55px;
    background: url("https://www.runescape.com/img/rs3/_sprite/close.png") no-repeat 0 0;
    opacity:0;
    transition: opacity 0.5s ease 0s;
}
.weblogin .ModalContain .fbLogout a.fauxHomeLink {
 top:57px;
}
.weblogin .ModalContain a.fauxHomeLink:hover{
    opacity: 1;
    transition: opacity 0.5s ease 0s;
}
.weblogin .failLinks {
 margin:20px 0;
}
.weblogin .failLinks .btn span {
 text-align:center;
 width:173px;
}
.de.weblogin .failLinks .btn span {
 width:195px;
}
.fr.weblogin .failLinks .btn span, .es.weblogin .failLinks .btn span {
 width:215px;
}
.pt.weblogin .failLinks .btn span {
 width:165px;
}
.lt-ie8 .weblogin .failLinks .btn span {
 width:auto;
}
a.recover, a.create{
    font-family: 'MuseoSans';
    clear: right;
    float: right;
    font-size: 1.44em;
    color: #8eb0c0;
}
.axesoCreate {
 text-align:center;
 margin-bottom:15px;
}
.axesoCreate a.create {
 float:none;
}
.es a.recover, .es a.create {
 font-size:1.3em;
}
.login label {
    font-family: 'MuseoSans';
    font-size: 1.44em;
    color: #8eb0c0;
    padding-right:5px;
}
a:hover.recover, a:hover.create{
    color: #e1bb34;
}
a.recover{
    margin-top: 25px;
}
a.create{
    margin-top: 2px;
}
.weblogin .modalWrapper {
 margin:0 auto;
 width:460px;
 padding-top:165px;
}
.weblogin .ModalContain{
    width:461px;
    margin:0 auto;
    padding-top:165px;
    position:relative;
}
.weblogin .ticketingExtraInfo {
    background: black;
    border: 1px solid #252525;
    border-radius: 5px 5px 5px 5px;
    margin: 15px auto;
    padding: 10px;
    width: 94%;
    text-align:center;
    font-size: 1.6em;
}
.weblogin .homeLink {
    text-align:center;
    width:50%;
    margin:15px auto;
}
.weblogin .logout p {
    font-size:1.44em;
    margin-bottom:12px;
    font-family:'MuseoSans'
}
.js .descTrigger {
 display:inline;
    cursor:pointer;
    background:url(https://www.runescape.com/img/rs3/_sprite/smallArrowDown.png) no-repeat center right;
    padding-right:30px;
}
.js .descTrigger.descTriggerOpen {
 background:url(https://www.runescape.com/img/rs3/_sprite/smallArrowUp.png) no-repeat center right;
}
#legacy .descTrigger {
 color: #E1BB34;
    font-family: 'cinzel';
    font-weight: normal;
    font-size:1.6em;
}
.js .hiScoreDescription {
 display:none;
 margin-top:10px;
}
.descOuter {
 margin-top:10px;
}
/* Legacy pages showing incorrect font size on login popup */
#legacy .loginPanel{
    font-size:80%;
    line-height: 1.5em;
}
/* Make the login button wider at Lee's request */
div.login .btn span, .btn input[type="submit"]{
    padding: 0 24px;
}
.alternative{
    border-top: 1px solid #355563;
}
.loginPanel section.alternative h4, .loginPanel h4.alternateHeader {
 font-family: 'cinzel';
}
.alternative h4, .loginPanel h4.alternateHeader{
    padding-top: 20px;
    font-size: 1.6em;
    color:#b2dbee;
}
.loginPanel h4.alternateHeader {
 padding-bottom:20px;
}
.fr .alternative h4{
    font-size: 2em;
}
.alternative p{
    font-size: 1.4em;
}
.alternative .facebookLogin{
    background:transparent url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat 0 -1730px;
    display: block;
    height: 46px;
    text-indent: -9999px;
    width: 45px;
    margin-top: 14px;
}
.alternative .facebookLogin:hover{
    background-position:0 -1786px
}
#SocialNetworkingLogin{
    margin: 12px 0 0 -4px;
}
/* This is the override for our login panel. */
.loginFancyBox .fancybox-close,.loginFancyBoxFB .fancybox-close{
    position: absolute;
    top: 102px;
    right: 29px;
    width: 31px;
    height: 32px;
    cursor: pointer;
    z-index: 8040;
    background: transparent url(https://www.runescape.com/img/rs3/_sprite/close.png) no-repeat 0 0;
    opacity: 0.0; filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
.loginFancyBox a.fancybox-close:hover,
.loginFancyBoxFB a.fancybox-close:hover{
    opacity: 1; filter: alpha(opacity=100);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
/* This is a style for the blue message boxes.*/
 body.modal{
     background:#000 url("https://www.runescape.com/img/rs3/global/login/background-weblogin.jpg") no-repeat top center;
}
.modal .modalWrapper {
 position:absolute;
 left:50%;
 margin-left:-230px;
 width:460px;
 padding-top:165px;
}
.messageBox,
.messageBox .topPart,
.messageBox .bottomPart {
    background: url(https://www.runescape.com/img/rs3/global/messageBoxBg.png?1) no-repeat scroll 0 0 transparent;
}
.messageBox .topPart.noClose {
 background-position: -1371px 0;
}
.messageBox {
    background-repeat: repeat-y;
    background-position: -463px 0;
    margin: 141px 0 0;
    position: relative;
    width: 460px;
}
.messageBox .topPart,
.messageBox .bottomPart {
    height: 141px;
    left: 0;
    position: absolute;
    width: 100%;
}
.messageBox .topPart {
    bottom: auto;
    top: -141px;
    margin-top: 30px;
    height: 141px;
    width: 100%;
}
.messageBox .topPart h1 {
    left: 57px;
    position: absolute;
    top: -5px;
    
 font-size: 86px;
 line-height: 86px;
}
.messageBox .topPart h1:before {
 background: url('https://www.runescape.com/img/rs3/global/messageBoxDetail.png') no-repeat 0 0;
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    top: 41px;
    width: 22px;
}
.messageBox .bottomPart {
    background-position: -926px -29px;
    bottom: -20px;
    top: auto;
}
.messageBox .middlePart {
    min-height: 150px;
    padding: 0 57px;
    position: relative;
    top: -20px;
    z-index: 2;
}
.messageBox  .messageBoxContentStyling h2 {
 padding-bottom:15px;
 border-bottom:1px solid #000;
}
.messageBox  .messageBoxContentStyling h3 {
 color:#b2dbee;
 margin-bottom:15px;
 font-size:1.8em;
 border-top:1px solid #1E313C;
 padding-top:15px;
}
.messageBox .messageBoxContentStyling p.errorMessage {
    width: 91%;
    color:#e1bb34;
}
.messageBox  .messageBoxContentStyling p {
 color:#d7dbe1;
 font-size: 1.5em;
 margin-bottom:10px;
}
.messageBox .messageBoxContentStyling input.text {
 margin: 6px 0;
 padding: 16px 14px 10px;
 width:90%;
}
.messageBox  .messageBoxContentStyling p.smaller {
 font-size:1.2em;
}
.messageBox .messageBoxContentStyling .btnWrap {
 margin-top:20px;
}
.messageBox .fauxClose {
    display: block;
    font-size: 0;
    height: 30px;
    position: absolute;
    right: 14px;
    top: 57px;
    width: 30px;
    background: transparent url(https://www.runescape.com/img/rs3/_sprite/close.png) no-repeat 0 0;
    opacity: 0.0; filter: alpha(opacity=0);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
.messageBox .fauxClose:hover {
    opacity: 1; filter: alpha(opacity=100);

    -webkit-transition: opacity 0.5s  ; -webkit-backface-visibility: hidden; transition: opacity 0.5s  ;

}
/* This is a style for error messages. */

.inputBoxContainer {
    position: relative;
}
.errorBubble {
    color: #fff;
    font-size: 12px;
    position: absolute;
    width: 146px;
    right: -35px;
    top: 0;
}
.errorBubble .topBox {
    background: url(https://www.runescape.com/img/global/error/errorTop.png) no-repeat scroll right top transparent;
    height: 9px;
}
.errorBubble .middleBox {
    background: url(https://www.runescape.com/img/global/error/errorMiddle.png) no-repeat scroll right top transparent;
    overflow: hidden;
    padding: 0 16px 0 21px;
    text-align: left;
}
.errorBubble .bottomBox {
    background: url(https://www.runescape.com/img/global/error/errorBottom.png) no-repeat scroll right top transparent;
    height: 14px;
}
/* These styles are for alternative login methods -*/
ul.alternativeLogin  {
    list-style: none;
    margin-left: 0;
}
.alternativeLogin li a {
    display: block;
    height: 46px;
    margin-top: 14px;
    text-indent: -9999px;
    width: 45px;
}
.alternativeLogin li {
    float: left;
}
.alternativeLogin li a.facebookLogin {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-facebook.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.googleLogin {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-google.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.gamericaLogin {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-gamerica.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.axeso5Login {
    background: url(https://www.runescape.com/img/rs3/global/login/axeso5-login.png) no-repeat scroll 0 0 transparent;
    width:348px;
    height:94px;
    margin-top:6px;
}
.alternativeLogin li a.axeso5Login:hover {
 background-position: -348px 0;
}
.alternativeLogin li a.facebookLogin:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-facebook-hover.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.googleLogin:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-google-hover.png) no-repeat scroll 0 0 transparent;
}
.alternativeLogin li a.gamericaLogin:hover {
    background: url(https://www.runescape.com/img/rs3/_sprite/icon-gamerica-hover.png) no-repeat scroll 0 0 transparent;
}

.languageOpen {
 margin: auto;
 width: 195px;
}
 .languageOpen ul li {
 float: left;
 display: block;
}
 .languageOpen ul li span,
 .languageOpen ul li a {
 background: url(https://www.runescape.com/img/rs3/sprite_splash.png) no-repeat scroll 0 -985px transparent;
 height: 22px;
 width: 34px;
 text-indent: -9999px;
 position: relative;
 display: block;
 margin-right: 3px;
 border: 1px solid rgba(255,255,255,0.4);
 }
.languageOpen .fr a, .languageOpen .fr span {
 background-position: 0 -1081px;
}
.languageOpen .de a, .languageOpen .de span {
 background-position: 0 -953px;
}
.languageOpen .pt a, .languageOpen .pt span {
 background-position: 0 -921px;
}
.languageOpen .es a, .languageOpen .es span {
 background-position: 0 -1049px;
}
/*
 *
 *  GAME OPTIONS
 *
 */



#deployJavaPlugin {
 display: none;
}
body.gamePage {
    background: black;
}
body.gamePage.noPref {
    background: url(https://www.runescape.com/img/rs3/splash/runescape-vista.jpg) no-repeat scroll center 0 black;
}
.gamePage.iframe .messageBox, .gamePage.iframe .noScriptBox {
    top: 0;
}
.gamePage .messageBox.noScriptBox {
    display: block;
    margin: auto;
}
.gamePage #chromeWarning,
.gamePage #chromeVersionWarning {
    display: none;
}

.gameOptionLock body {
 overflow: hidden;
}
.gameFlowOverlay a.textlink {
 color: blue;
 font-size: 1.4em;
 text-decoration: underline;
 font-family: 'MuseoSans';
 display: block;
 margin-top: 15px;
}
.gameFlowOverlay a.textlink:hover {
 text-decoration: none;
}
.gameOptionLock .gameFlowOverlay {
 overflow-y: scroll;
}
.lt-ie8.gameOptionLock .gameFlowOverlay {
 overflow: hidden;
}
.gamePage .gameFlowOverlay .backdrop {
 background: url(https://www.runescape.com/img/rs3/game/backdrop.jpg) no-repeat center 0 black;
 width: 100%;
 height: 100%;
 left: 0;
 position: absolute;
}
.lt-ie8 .gameFlowOverlay .backdrop {
 padding: 0;
 margin: 0;
 display: none;
}
.gameFlowOverlay h1,
.gameFlowOverlay h2,
.gameFlowOverlay h4,
.gameFlowOverlay p,
.gameFlowOverlay div,
.gameFlowOverlay strong {
 color: #071b25;
 text-align: center;
}
.gameFlowOverlay h1 {
    font-size: 3.5em;
}
.gameFlowOverlay .chromeDownload h1,
.gameFlowOverlay .runescapeInstall h1 {
 color: white;
}
.gameFlowOverlay .chromeDownload h1 .h1Smaller,
.gameFlowOverlay .runescapeInstall h1 .h1Smaller {
 color: black;
}
.gameFlowOverlay .wrapper {
 width: 1100px;
 margin: 70px auto 0;
 position: relative;
}
#gamePage .gameFlowOverlay .wrapper {
 display: block;
}
#gamePage .loader {
 position: absolute;
 left: 50%;
 margin-left: -30px;
 top: 137px;
}
.gameFlowOverlay h1 .h1Smaller {
    display: block;
 font-size: 0.409em;
}
.gameFlowOverlay h2 {
 font-size: 5.5em;
 letter-spacing: -0.1em;
 color: white;
 text-transform: lowercase;
}
.de .gameFlowOverlay h2{
 font-size:4em;
}
.gameFlowOverlay h2 .h2Smaller {
 display: block;
 font-size: 0.3em;
 letter-spacing: 0em;
 text-transform: none;
}
.de .gameFlowOverlay h2 .h2Smaller{
 font-size:0.5em;
}
.gameFlowOverlay h4 {
 font-size: 2.4em;
}
.gameFlowOverlay .btnWrap {
 margin-top: 0;
}
.gameFlowOverlay .btn {
 min-width: 146px;
}
.lt-ie8 .gameFlowOverlay .btn {
 display: inline;
 min-width: 0;
}
.lt-ie8 .gameFlowOverlay .btn a {
 text-align: center;
}
.gameFlowOverlay em.chromeLogo {
 background: url(https://www.runescape.com/img/rs3/game/chromeLogo.png) no-repeat scroll center center transparent;
 display: inline-block;
 text-indent: -9999px;
 width: 44px;
}
.gameFlowOverlay section {
 min-height: 170px;
 text-align: center;
 margin-top: 20px;
}
.gameFlowOverlay section.leftColumn,
.gameFlowOverlay section.rightColumn {
 width: 310px;
}
.gameFlowOverlay section.rightColumn {
 float: right;
 margin-right: 185px;
}
.gameFlowOverlay section.leftColumn {
 float: left;
 margin-left: 185px;
}
.gameFlowOverlay section.fullwidth {
 margin: auto;
 width: 600px;
}
.gameFlowOverlay section p {
 font-family: 'MuseoSans';
 font-size: 1.6em;
 line-height: 1.2em;
 letter-spacing: -0.01em;
}
.gameFlowOverlay section p.padded {
 padding: 20px 0;
 min-height: 63px;
}
.gameFlowOverlay aside.resetInfo {
 clear: both;
 color: black;
 font-family: 'MuseoSans';
 font-size: 1.3em;
 line-height: 1.3em;
 margin: auto;
 padding-top: 25px;
 text-align: center;
 width: 490px;
}
.gameFlowOverlay .divider {
 background: none repeat scroll 0 0 transparent;
 border-left: 1px solid black;
 height: 100px;
 left: 50%;
 position: absolute;
 top: 145px;
}
.gameFlowOverlay .divider.or,
.gameFlowOverlay .smallDivider.or {
 background: url(https://www.runescape.com/img/rs3/game/dividerBackdrop.png) no-repeat scroll center 0 transparent;
 margin-left: -50px;
 left: 50%;
 position: absolute;
 font-family: 'cinzel';
 font-size: 1.8em;
 font-weight: bold;
 z-index: 1;
}
.gameFlowOverlay .smallDivider.or {
 padding-top: 20px;
 background-position: center -69px;
 height: 40px;
 top: -9px;
 margin-left: -13px;
}
.gameFlowOverlay .divider.or {
 border: none;
 height: 120px;
 padding-top: 90px;
 text-align: center;
 top: 68px;
 width: 100px;
}
.lt-ie8 .gameFlowOverlay .divider.or {
 position: static;
 margin-left: 0;
 margin-top: 40px;
 display: inline-block;
}
.gameFlowOverlay.dataStorage {
 background-position: center -20px;
}
.gameFlowOverlay.dataStorage .wrapper {
 margin: 40px auto 0;
 display: block;
}
.gameFlowOverlay.dataStorage h1 {
 color: white;
}
.gameFlowOverlay.dataStorage h1 .h1Smaller {
 color: black;
}
.gameFlowOverlay.dataStorage p {
 text-align: left;
 margin-top: 15px;
}
.gameFlowOverlay.dataStorage section {
 margin-top: 50px;
}
.gameFlowOverlay.dataStorage .divider {
 top: 112px;
}
.gameFlowOverlay strong {
 border: 1px solid #A6A296;
 border-radius: 4px 4px 4px 4px;
 font-size: 0.8em;
 font-family: Arial;
 font-weight: normal;
 padding: 5px 2px;
 text-shadow: 1px 1px 2px white;
 background: #fdefb7; /* Old browsers */
 background: -moz-linear-gradient(top,  #f7f7f7 0%, #fdefb7 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#fdefb7)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #f7f7f7 0%,#fdefb7 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #f7f7f7 0%,#fdefb7 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #f7f7f7 0%,#fdefb7 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #f7f7f7 0%,#fdefb7 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fdefb7',GradientType=0 ); /* IE6-9 */
}
.gameFlowOverlay figure {
 padding-left: 50px;
 position: absolute;
 right: 120px;
 top: -23px;
}
.gameFlowOverlay .chromeDownload {
 text-align: center;
}
.gameFlowOverlay .chromeDownload h4 {
 text-align: left;
 color: white;
}
.gameFlowOverlay .chromeDownload li {
 display: block;
 float: left;
 text-align: left;
 width: 25%;
}
.gameFlowOverlay .chromeDownload ul {
 margin: 25px 0 0;
 padding-left: 60px;
}
.gameFlowOverlay .chromeDownload ul li img {
 border-radius: 1px 1px 1px 1px;
 box-shadow: 1px 5px 10px #525252;
 display: block;
 margin-top: 12px;
}
.gameFlowOverlay .playButtons {
 position: relative;
 width: 510px;
 margin: auto;
}
.gameFlowOverlay .chromeDownload .playButtons {
 margin: 40px auto;
}
.gameFlowOverlay .chromeDownload .trackingLink {
 font-size: 0;
 text-indent: -9999px;
}
.gameFlowOverlay .left {
 float: left;
 text-align: right;
 width: 50%;
}
.gameFlowOverlay .left.adj {
 margin-top:-11px;
}
.gameFlowOverlay .left .btnWrap {
 margin-right: 35px;
}
.gameFlowOverlay .right {
 float: left;
 text-align: left;
 width: 50%;
}
.gameFlowOverlay .right .btnWrap {
 margin-left: 35px;
}
.gameFlowOverlay .runescapeInstall {
 display: block;
}
.gameFlowOverlay .runescapeInstall h1 {
 font-size: 4.5em;
}
.gameFlowOverlay .runescapeInstall section {
 margin: 40px auto;
}
.gameFlowOverlay .runescapeInstall .btn {
 margin-top: 30px;
}
.gameFlowOverlay .runescapeInstall p {
 margin-bottom: 30px;
}
.gameFlowOverlay .runescapeInstall p a {
 color: blue;
 text-decoration: underline;
}
.gameFlowOverlay .runescapeInstall h1 .h1Smaller {
 line-height: 25px;
}
.gameFlowOverlay .runescapeInstall a:hover {
 text-decoration: none;
}
.gameFlowOverlay .runescapeInstall .rsInstallerIcon {
 padding: 0 5px;
 position: relative;
 top: 16px;
}
.gameFlowOverlay .centreColumn .padded{
 margin-bottom:-30px;
}
.gameFlowOverlay .installInstructions{
 margin:20px auto 40px auto;
 width:908px;
}
.gameFlowOverlay .installInstructionsScreen{
 width:207px;
 float:left;
 margin:10px 10px 0 10px;
}
.gameFlowOverlay .installInstructionsScreen h4{
 text-align:left;
 margin-bottom:20px;
}
.gameFlowOverlay .installInstructionsScreen.done h4{
 opacity:0.5;
 filter:alpha(opacity=40);
}
.gameFlowOverlay .installInstructionsScreen img{
 box-shadow: 1px 5px 10px #525252;
}
.thirdParty .gameFlowOverlay section p.padded{
 width:400px;
 margin:auto;
}

.noJavaError{
 padding-top:25px;
}
.noJavaError .top-error{
 display: block;
 margin: -25px auto 10px auto;
 padding: 15px;
 box-shadow: 0 0 3px 2px black;
 border-bottom: 1px solid;
 background-color: #CA1818;
 font-size: 2em;
 text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.noJavaError .top-error__link{
    color: #fff;
}
.noJavaError .top-error__link:hover{
    text-decoration: underline;
}
.noJavaError h2{
 margin-top:20px;
}
.noJavaError p.padded{
 padding:20px 0;
 margin:auto;
 max-width: 800px;
 font-size: 2.6em;
}
.noJavaError .javaInstallScreen{
 display:inline-block;
 padding:13px;
}
.noJavaError .javaInstallScreen img{
 box-shadow:1px 5px 10px rgb(82, 82, 82);
}
.noJavaError .javaInstallScreen h4{
 text-align:center;
 margin-bottom:20px;
 font-size:23px;
}
.noJavaError .btnWrap{
 margin-top:30px;
}
.noJavaError .btn span{
 font-size:14px;
}
.noJavaError .smallPrint {
 text-align: center;
 display: block;
 font-size: 10px;
 width: 100%;
 text-shadow: 1px 1px 1px #000000;
 margin-top: 15px;
}
.noJavaError .smallPrint a {
 text-decoration: underline;
 color: #ffd414;
}
.noJavaError .smallPrint a:hover {
 color: #86c3f7;
}
.noJavaError .downloadWrap, .noJavaError .playWrap{
 display: inline-block;
}
.noJavaError .playCopy{
 color: white;
 display: inline-block;
 font-size: 1.5em;
 font-weight: bold;
 margin: 0 10px;
 text-shadow: 0 0 9px black;
}
.noJavaError .playInfo{
 color: white;
 filter: alpha(opacity=0);
 -webkit-opacity: 0;
 -khtml-opacity: 0;
 -moz-opacity: 0;
 opacity 0;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 15px;
 text-shadow: 0 0 0px black;
}
.noJavaError .playWrap:hover ~ .playInfo{
 filter: alpha(opacity=100);
 -webkit-opacity: 1;
 -khtml-opacity: 1;
 -moz-opacity: 1;
 opacity: 1;
}
.gameFlowOverlay {
 background: url(https://www.runescape.com/img/rs3/game/backdrop.jpg) no-repeat center 0 black;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
}
.gameFlowOverlay section .uninstall{
 font-size:1em;
 margin-top:10px;
}
.uninstall a{
 color:#000;
 text-decoration:underline;
}
.uninstall a:hover{
 text-decoration:none;
}
.js .fallback{
 display:none;
}
.fallback .centreColumn{
 width:550px;
 margin:0 auto;
}