.OpenShadowbox{
 display: none;
}
#SocialNetworkingLogin{
 display: none;
}
.js #SocialNetworkingLogin{
 display: block;
}
#ModalFacebookWrapper{
 display: block;
}
.ModalLogin{
 width: 429px;
 height: 235px;
 background: url(https://www.runescape.com/img/global/login/modalLoginOverlayBG.png) no-repeat transparent;
}
.ModalLogin .FlatHeader{
 font-size: 20px;
 line-height: 25px;
}
.ModalLogin .ModalLeft,
.ModalLogin .ModalRight{
 float: left;
 height: 155px;
 padding: 23px 0 0 20px;
 position: relative;
 width: 190px;
}
.ModalLogin .ModalRight{
 padding-left: 28px;
}
.ModalLogin #register{
 position: absolute;
 right: 16px;
 top: 140px;
}
.ModalLogin .Facebooklogin{
 bottom: 9px;
 height: 34px;
 left: 15px;
 position: absolute;
 width: 182px;
}
.ModalLogin .Facebooklogin span,
#Login .Facebooklogin span{
 color: white;
 font-size: 10px;
 height: 100%;
 left: 35px;
 position: absolute;
 top: 8px;
 width: 100%;
 line-height: 14px;
}
.ModalLogin .Facebooklogin span{
 font-weight: normal;
}
.ModalLogin .Facebooklogin b{
 font-size: 12px;
}
.ModalLogin a.Facebooklogin{
 text-decoration: none;
}
.HrModal{
 background: url(https://www.runescape.com/img/global/login/horizontalRuleBigFlourishes.png) left center no-repeat transparent;
 border: none!important;
 clear: both;
 display: block;
 height: 15px;
 left: 16px;
 margin: 0;
 position: absolute;
 top: 114px;
 width: 100%;
}
.ModalLogin .ModalTitle{
 float: left;
 margin: 5px 0 0;
 width: 100%;
}
.ModalLogin .DarkInputBoxWrapper{
 height: 27px;
}
.ModalLogin .inputLabel{
 display: block;
 font-size: 18px!important;
}
.ModalLogin #modalLoginButton{
 bottom: 9px;
 position: absolute;
 right: 15px;
 top: auto;
}
.ModalLogin .additional_link{
 display: block;
 font-size: 9px;
 margin-top: 5px;
 color: #CEA872;
 line-height: 1.5em;
}
.ModalLogin #shadowBoxCloseButton{
 display: none;
 height: 31px;
 position: absolute;
 right: 15px;
 top: 57px;
 width: 29px;
 z-index: 2;
}
.DarkInputBoxWrapper input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 7px 0 3px 8px;
    outline: 0 none;
}
.DarkInputBoxWrapper input, .InputWrapper input {
    color: white;
    display: block;
}
.ModalLogin .NoPlaceholder{
 background-color: #1A1714;
 font-size: 12px;
 line-height: 14px;
 font-family: MuseoSans500,Arial,Times New Roman,serif;
}
.ModalLoginShadowbox #sb-title-inner,
.ModalLoginShadowbox #sb-info-inner,
.ModalLoginShadowbox #sb-loading-inner,
.ModalLoginShadowbox div.sb-message{
 font-family: MuseoSans500,Arial,Times New Roman,serif;
 font-size: 12px;
 line-height: 14px;
}
.ModalLoginShadowbox #sb-overlay{
 opacity: 0.80; filter: alpha(opacity=80);

}
.ModalLoginShadowbox #sb-player.html{
 height: 100%;
 overflow: hidden!important;
}
.ModalLoginShadowbox #sb-body{
 background-color: transparent!important;
}
.ModalLoginShadowbox #sb-wrapper-inner{
 border: medium none !important;
}
.ModalLoginShadowbox #sb-wrapper{
 margin-top: -70px;
}
.ModalLoginShadowbox #sb-title,
.ModalLoginShadowbox #sb-info{
 display: none;
}
.ModalLoginShadowbox #sb-player #shadowBoxCloseButton{
 display: block!important;
}
input.placeholder{
 {rs2012_global_plain_text}
}
.ModalLogin #Remember{
 top: 140px;
 left: 25px;
 position: absolute;
}
.ModalLogin #Remember label{
 color: #CEA872;
 display: block;
 font-size: 9px;
 left: 20px;
 line-height: 1em;
 position: absolute;
 top: 7px;
 width: 80px;
}
.ModalLogin #Remember span.Checkbox{
 float: left;
 line-height: 25px;
}
.ModalLogin #Remember input{
 top: 6px;
 position: absolute;
}
.ModalLogin .PasswordLink{
 color: #999999;
 font-size: 9px;
 position: absolute;
 text-align: right;
 text-decoration: underline;
 top: 81px;
 width: 170px;
 right:23px;
}
.ModalLogin .PasswordLink:hover{
 text-decoration: none;
}
.FlatHeader {
    color: #F3B13F;
    font-family: KingthingsPetrockRegular,Times New Roman,serif;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.9em;
}
.ModalLogin .FlatHeader {
    font-size: 20px;
    line-height: 25px;
}

.Centre1 {
    float: left;
    left: 50%;
    position: relative;
}

.Centre2 {
    float: left;
    left: -50%;
    position: relative;
}
.ModalLogin .inputLabel {
    display: block;
    font-size: 18px !important;
    text-align: left;
}

.ModalLogin .DarkInputBoxWrapper {
    height: 27px;
}
.DarkInputBoxWrapper .InputBoxLeft {
    background: url("http://www.runescape.com/img/global/form/inputBoxLeftDark.png") no-repeat scroll 0 0 transparent;
}
.DarkInputBoxWrapper .InputBoxRight {
    background: url("http://www.runescape.com/img/global/form/inputBoxRightDark.png") no-repeat scroll 0 0 transparent;
    width: 10px;
}
.EncrustedInputBoxWrapper .InputBoxLeft, .EncrustedInputBoxWrapper .InputBoxRight, .DarkInputBoxWrapper .InputBoxLeft, .DarkInputBoxWrapper .InputBoxRight {
    display: inline-block;
    float: left;
}
.DarkInputBoxWrapper .InputBoxLeft, .DarkInputBoxWrapper .InputBoxRight {
    height: 27px;
}
.ModalLogin #modalLoginButton {
    bottom: 9px;
    position: absolute;
    right: 15px;
    top: auto;
}
.ModalLogin #modalLoginButton {
    bottom: 9px;
    position: absolute;
    right: 15px;
    top: auto;
}
/* === MODAL LOGIN END ========================================== */-->


.HoverGradient, .HoverGradient:hover{
 text-decoration: none;
}
.HoverText{
 color: font-family: KingthingsPetrockRegular,Times New Roman,serif;;
 -webkit-transition: color 100ms  ; -webkit-backface-visibility: hidden; transition: color 100ms  ;

}
.HoverText:hover{
 color: white;
 text-decoration: none;
}
.Gradient_link1,
.Gradient_link2,
.Gradient_link4{
 position: relative;
 text-shadow: none;
 text-decoration: none;
 display: block;
}
.Gradient_link1{
 height: 28px;
}
.Gradient_link1 *,
.Gradient_link2 *,
.Gradient_link4 *,
.Gradient_link5 *{
 overflow: hidden;
 position: absolute;
 top: 0px;
 left: 0px;
 font-family: KingthingsPetrockRegular,Times New Roman,serif;
 margin: 0;
 text-transform: none;
 letter-spacing: 0.02em;
 -webkit-transition: color 100ms  ; -webkit-backface-visibility: hidden; transition: color 100ms  ;

}
.Gradient_link1 *,
.Gradient_link1 .g1,
.Gradient_link1 .g2,
.Gradient_link1 .g3,
.Gradient_link1 .g4,
.Gradient_link1 .g5{
 height: 28px;
 line-height: 28px;
 font-size: 28px;
 color: #e06d0c;
 font-weight: normal;
 width: 100%;
}
.Gradient_link1 .g5{
 color: #fef878;
 height: 3px;
 z-index: 26;
}
.Gradient_link1 .g4{
 color: #fcee70;
 height: 7px;
 z-index: 25;
}
.Gradient_link1 .g3{
 height: 15px;
 color: #f9d95f;
 z-index: 24;
}
.Gradient_link1 .g2{
 height: 22px;
 color: #ebc141;
 z-index: 23;
}
.Gradient_link1 .g1{
 height: 25px;
 color: #d5af41;
 z-index: 22;
}
.Gradient_link4,
.Gradient_link2{
 height: 19px;
 line-height: 19px;
}
.Gradient_link2 *,
.Gradient_link2 .g1,
.Gradient_link2 .g2,
.Gradient_link2 .g3,
.Gradient_link2 .g4,
.Gradient_link2 .g5,
.Gradient_link4 *,
.Gradient_link4 .g1,
.Gradient_link4 .g2,
.Gradient_link4 .g3,
.Gradient_link4 .g4,
.Gradient_link4 .g5,
.Gradient_link5 *,
.Gradient_link5 .g1,
.Gradient_link5 .g2,
.Gradient_link5 .g3,
.Gradient_link5 .g4,
.Gradient_link5 .g5{
 height: 19px;
 line-height: 19px;
 font-size: 19px;
 color: #e06d0c;
 font-weight: normal;
 width: 100%;
}
.Gradient_link4 *,
.Gradient_link4 .g1,
.Gradient_link4 .g2,
.Gradient_link4 .g3,
.Gradient_link4 .g4,
.Gradient_link4 .g5{
 font-size: 18px;
 text-shadow: 0.2em 0.2em 0.2em black;
 white-space: nowrap;
}
.Gradient_link5 *,
.Gradient_link5 .g1,
.Gradient_link5 .g2,
.Gradient_link5 .g3,
.Gradient_link5 .g4,
.Gradient_link5 .g5{
 font-size: 24px;
 text-shadow: 0.2em 0.2em 0.2em black;
 height: 50px;
 line-height: 24px;
}
.Gradient_link2 .g5,
.Gradient_link4 .g5,
.Gradient_link5 .g5{
 color: #fef878;
 height: 5px;
 z-index: 26;
}
.Gradient_link2 .g4,
.Gradient_link4 .g4,
.Gradient_link5 .g4{
 color: #fcee70;
 height: 6px;
 z-index: 25;
}
.Gradient_link2 .g3,
.Gradient_link4 .g3,
.Gradient_link5 .g3{
 height: 9px;
 color: #f9d95f;
 z-index: 24;
}
.Gradient_link2 .g2,
.Gradient_link4 .g2,
.Gradient_link5 .g2{
 height: 13px;
 color: #f3b13f;
 z-index: 23;
}
.Gradient_link2 .g1,
.Gradient_link4 .g1,
.Gradient_link5 .g1{
 height: 15px;
 color: #ed891f;
 z-index: 22;
}
.Gradient_link3{
 left: 0 !important;
 margin: 0 !important;
 padding: 0 5px !important;
 position: relative !important;
 top: 4px;
}
.Gradient_link3 *{
 -webkit-transition: color 100ms  ; -webkit-backface-visibility: hidden; transition: color 100ms  ;

}
.Gradient_link3 b{
 color: #ce9858;
}
.Button29disabled .Gradient_link3 b{
 color: #707070;
}
.Gradient_link3 .g1,
.Gradient_link3 .g2,
.Gradient_link3 .g3{
 left: 5px;
 overflow: hidden;
 position: absolute;
 top: 0;
 }.Gradient_link3 .g1{
 color: #c89455;
 height: 7px;
 z-index: 1;
}
.Gradient_link3 .g2{
 color: #f3c185;
 height: 6px;
 z-index: 2;
}
.Gradient_link3 .g3{
 color: #f7d4aa;
 height: 4px;
 z-index: 3;
}
.Gradient_link30{
 left: 0 !important;
 margin: 0 !important;
 padding: 0 5px !important;
 position: relative !important;
 top: 0px;
}
.Gradient_link30 *{
 -webkit-transition: color 100ms  ; -webkit-backface-visibility: hidden; transition: color 100ms  ;

 letter-spacing: 0.0096em;
}
.Gradient_link30 b:first-child{
 color: #e86904;
 text-shadow: 1px 2px 2px black;
}

.Button.icon span b{
 left: 10px;
 margin-right: 10px;
}
.Button.icon img{
 left: 10px;
 position: absolute;
 top: 3px;
}
.icon .Gradient_link3 .g1,
.icon .Gradient_link3 .g2,
.icon .Gradient_link3 .g3{
 left: 15px;
}


.Gradient_link30 .g1,
.Gradient_link30 .g2,
.Gradient_link30 .g3,
.Gradient_link30 .g4,
.Gradient_link30 .g5,
.Gradient_link30 .g6,
.Gradient_link30 .g7,
.Gradient_link30 .g8,
.Gradient_link30 .g9,
.Gradient_link30 .g10,
.Gradient_link30 .g11,
.Gradient_link30 .g12,
.Gradient_link30 .g13,
.Gradient_link30 .g14,
.Gradient_link30 .g15,
.Gradient_link30 .g16,
.Gradient_link30 .g17,
.Gradient_link30 .g18,
.Gradient_link30 .g19,
.Gradient_link30 .g20,
.Gradient_link30 .g21,
.Gradient_link30 .g22,
.Gradient_link30 .g23,
.Gradient_link30 .g24,
.Gradient_link30 .g25,
.Gradient_link30 .g26,
.Gradient_link30 .g27,
.Gradient_link30 .g28,
.Gradient_link30 .g29,
.Gradient_link30 .g30{
 overflow: hidden;
 position: absolute;
 top: 5px;
}
.Gradient_link30 .g1{
 color: #e86904;
 height: 35px;
 z-index: 1;
}
.Gradient_link30 .g2{
 color: #e86c07;
 height: 34px;
 z-index: 2;
}
.Gradient_link30 .g3{
 color: #e9700a;
 height: 33px;
 z-index: 3;
}
.Gradient_link30 .g4{
 color: #ea740e;
 height: 32px;
 z-index: 4;
}
.Gradient_link30 .g5{
 color: #ea7912;
 height: 31px;
 z-index: 5;
}
.Gradient_link30 .g6{
 color: #eb7e16;
 height: 30px;
 z-index: 6;
}
.Gradient_link30 .g7{
 color: #ec831a;
 height: 29px;
 z-index: 7;
}
.Gradient_link30 .g8{
 color: #ed881e;
 height: 28px;
 z-index: 8;
}
.Gradient_link30 .g9{
 color: #ed8d22;
 height: 27px;
 z-index: 9;
}
.Gradient_link30 .g10{
 color: #ee9327;
 height: 26px;
 z-index: 10;
}
.Gradient_link30 .g11{
 color: #ef992b;
 height: 25px;
 z-index: 11;
}
.Gradient_link30 .g12{
 color: #f09f30;
 height: 24px;
 z-index: 12;
}
.Gradient_link30 .g13{
 color: #f1a535;
 height: 23px;
 z-index: 13;
}
.Gradient_link30 .g14{
 color: #f2ab3a;
 height: 22px;
 z-index: 14;
}
.Gradient_link30 .g15{
 color: #f3b13f;
 height: 21px;
 z-index: 15;
}
.Gradient_link30 .g16{
 color: #f4b744;
 height: 20px;
 z-index: 16;
}
.Gradient_link30 .g17{
 color: #f5bd49;
 height: 19px;
 z-index: 17;
}
.Gradient_link30 .g18{
 color: #f6c34e;
 height: 18px;
 z-index: 18;
}
.Gradient_link30 .g19{
 color: #f7c953;
 height: 17px;
 z-index: 19;
}
.Gradient_link30 .g20{
 color: #f8cf57;
 height: 16px;
 z-index: 20;
}
.Gradient_link30 .g21{
 color: #f9d55c;
 height: 15px;
 z-index: 21;
}
.Gradient_link30 .g22{
 color: #f9da60;
 height: 14px;
 z-index: 22;
}
.Gradient_link30 .g23{
 color: #fadf64;
 height: 13px;
 z-index: 23;
}
.Gradient_link30 .g24{
 color: #fbe468;
 height: 12px;
 z-index: 24;
}
.Gradient_link30 .g25{
 color: #fce96c;
 height: 11px;
 z-index: 25;
}
.Gradient_link30 .g26{
 color: #fcee70;
 height: 10px;
 z-index: 26;
}
.Gradient_link30 .g27{
 color: #fdf274;
 height: 9px;
 z-index: 27;
}
.Gradient_link30 .g28{
 color: #fef677;
 height: 8px;
 z-index: 28;
}
.Gradient_link30 .g29{
 color: #fef97a;
 height: 7px;
 z-index: 29;
}
.HoverGradient:hover .Gradient_link1 *,
.HoverGradient:hover .Gradient_link2 *,
.HoverGradient:hover .Gradient_link4 *,
.HoverGradient:hover .Gradient_link5 *,
span:hover.Button56 .Gradient_link30 *,l
span.Button56 span:hover .Gradient_link3 *,
span:hover.Button29 .Gradient_link3 *,l
span.Button29 span:hover .Gradient_link3 *,
a:hover.Button56 .Gradient_link30 * ,
a:hover.Button29 .Gradient_link3 * ,
.Button56 .Gradient_link30:hover *,
.Button29 .Gradient_link3:hover *,
.HoverText:hover{
 color: white!important;
 -webkit-transition: color 100ms  ; -webkit-backface-visibility: hidden; transition: color 100ms  ;

 text-decoration: none!important;
}
span:hover.Button56 .Gradient_link30 *,l
span.Button56 span:hover .Gradient_link30 *,
a:hover.Button56 .Gradient_link30 * ,
.Button56 .Gradient_link30:hover *{
 color: #fae065!important;
}
a:hover.Button56 .Gradient_link30 b:first-child{
 text-shadow: 0 0 2px #d03c08;
}
a.Button29disabled:hover .Gradient_link3 *{
 color: #707070!important;
}


h2.Gradient,
h3.Gradient,
h4.Gradient,
h5.Gradient{
 position: relative;
 padding: 0;
 margin: 0;
 margin: 12px 0 0 8px;
 min-width: 1px;
 clear: both;
}
h2.Gradient .G0, h2.Gradient .G1, h2.Gradient .G2, h2.Gradient .G3, h2.Gradient .G4, h2.Gradient .G5, h2.Gradient .G6 , h2.Gradient .middleUnderscore, h2.Gradient .right, h2.Gradient .mask,
h3.Gradient .G0, h3.Gradient .G1, h3.Gradient .G2, h3.Gradient .G3, h3.Gradient .G4, h3.Gradient .G5, h3.Gradient .G6 , h3.Gradient .middleUnderscore, h3.Gradient .right, h3.Gradient .mask,
h4.Gradient .G0, h4.Gradient .G1, h4.Gradient .G2, h4.Gradient .G3, h4.Gradient .G4, h4.Gradient .G5, h4.Gradient .G6 , h4.Gradient .middleUnderscore, h4.Gradient .right, h4.Gradient .mask,
h5.Gradient .G0, h5.Gradient .G1, h5.Gradient .G2, h5.Gradient .G3, h5.Gradient .G4, h5.Gradient .G5, h5.Gradient .G6 , h5.Gradient .middleUnderscore, h5.Gradient .right, h5.Gradient .mask{
 overflow: hidden;
 top: 0;
 margin: 0;
}
h2.Gradient .G0, h2.Gradient .G1, h2.Gradient .G2, h2.Gradient .G3, h2.Gradient .G4, h2.Gradient .G5, h2.Gradient .G6 , h2.Gradient .leftUnderscore, h2.Gradient .rightUnderscore, h2.Gradient .middleUnderscore, h2.Gradient .right, h2.Gradient .mask,
h3.Gradient .G0, h3.Gradient .G1, h3.Gradient .G2, h3.Gradient .G3, h3.Gradient .G4, h3.Gradient .G5, h3.Gradient .G6 , h3.Gradient .leftUnderscore, h3.Gradient .rightUnderscore, h3.Gradient .middleUnderscore, h3.Gradient .right, h3.Gradient .mask,
h4.Gradient .G0, h4.Gradient .G1, h4.Gradient .G2, h4.Gradient .G3, h4.Gradient .G4, h4.Gradient .G5, h4.Gradient .G6 , h4.Gradient .leftUnderscore, h4.Gradient .rightUnderscore, h4.Gradient .middleUnderscore, h4.Gradient .right, h4.Gradient .mask,
h5.Gradient .G0, h5.Gradient .G1, h5.Gradient .G2, h5.Gradient .G3, h5.Gradient .G4, h5.Gradient .G5, h5.Gradient .G6 , h5.Gradient .leftUnderscore, h5.Gradient .rightUnderscore, h5.Gradient .middleUnderscore, h5.Gradient .right, h5.Gradient .mask{
 position: absolute;
}
h2.Gradient, h2.Gradient .G0, h2.Gradient .G1, h2.Gradient .G2, h2.Gradient .G3, h2.Gradient .G4, h2.Gradient .G5, h2.Gradient .G6 , h2.Gradient .leftUnderscore, h2.Gradient .rightUnderscore, h2.Gradient .middleUnderscore, h2.Gradient .right, h2.Gradient .mask,
h3.Gradient, h3.Gradient .G0, h3.Gradient .G1, h3.Gradient .G2, h3.Gradient .G3, h3.Gradient .G4, h3.Gradient .G5, h3.Gradient .G6 , h3.Gradient .leftUnderscore, h3.Gradient .rightUnderscore, h3.Gradient .middleUnderscore, h3.Gradient .right, h3.Gradient .mask,
h4.Gradient, h4.Gradient .G0, h4.Gradient .G1, h4.Gradient .G2, h4.Gradient .G3, h4.Gradient .G4, h4.Gradient .G5, h4.Gradient .G6 , h4.Gradient .leftUnderscore, h4.Gradient .rightUnderscore, h4.Gradient .middleUnderscore, h4.Gradient .right, h4.Gradient .mask,
h5.Gradient, h5.Gradient .G0, h5.Gradient .G1, h5.Gradient .G2, h5.Gradient .G3, h5.Gradient .G4, h5.Gradient .G5, h5.Gradient .G6 , h5.Gradient .leftUnderscore, h5.Gradient .rightUnderscore, h5.Gradient .middleUnderscore, h5.Gradient .right, h5.Gradient .mask{
 font-family: KingthingsPetrockRegular,Times New Roman,serif;
 color: #828282;
 font-size: 28px;
 font-weight: normal;
 height: 28px;
    line-height: 25px;
 text-shadow: none;
}
h3.Gradient, h3.Gradient .G0, h3.Gradient .G1, h3.Gradient .G2, h3.Gradient .G3, h3.Gradient .G4, h3.Gradient .G5, h3.Gradient .G6 , h3.Gradient .leftUnderscore, h3.Gradient .rightUnderscore, h3.Gradient .middleUnderscore, h3.Gradient .right, h3.Gradient .mask{
 letter-spacing: 0.065em;
 -webkit-transform: scale(1.03,1);
 -webkit-transform-origin: 0 0;
 -ms-transform: scale(0.99,1);
 -ms-transform-origin: 0 0;
 -o-transform: scale(0.99,1);
 -o-transform-origin: 0 0;
 white-space: nowrap;
}
h2.Gradient, h2.Gradient .G0, h2.Gradient .G1, h2.Gradient .G2, h2.Gradient .G3, h2.Gradient .G4, h2.Gradient .G5, h2.Gradient .G6 , h2.Gradient .leftUnderscore, h2.Gradient .rightUnderscore, h2.Gradient .middleUnderscore, h2.Gradient .right, h2.Gradient .mask{
 font-size: 34px;
 letter-spacing: 0.06em;
 white-space: nowrap;
}
h2.Gradient .G0, h2.Gradient .G1, h2.Gradient .G2, h2.Gradient .G3, h2.Gradient .G4, h2.Gradient .G5, h2.Gradient .G6{
 padding-top: 3px\9; 
}
h3.Gradient .G0, h3.Gradient .G1, h3.Gradient .G2, h3.Gradient .G3, h3.Gradient .G4, h3.Gradient .G5, h3.Gradient .G6{
 padding-top: 2px\9; 
}
h4.Gradient .G0, h4.Gradient .G1, h4.Gradient .G2, h4.Gradient .G3, h4.Gradient .G4, h4.Gradient .G5, h4.Gradient .G6{
 padding-top: 1px\9; 
}
h4.Gradient, h4.Gradient .G0, h4.Gradient .G1, h4.Gradient .G2, h4.Gradient .G3, h4.Gradient .G4, h4.Gradient .G5, h4.Gradient .G6 , h4.Gradient .leftUnderscore, h4.Gradient .rightUnderscore, h4.Gradient .middleUnderscore, h4.Gradient .right, h4.Gradient .mask{
 font-size: 25px;
 letter-spacing: 0.04em;
}
h5.Gradient, h5.Gradient .G0, h5.Gradient .G1, h5.Gradient .G2, h5.Gradient .G3, h5.Gradient .G4, h5.Gradient .G5, h5.Gradient .G6 , h5.Gradient .leftUnderscore, h5.Gradient .rightUnderscore, h5.Gradient .middleUnderscore, h5.Gradient .right, h5.Gradient .mask{
 font-size: 20px;
 letter-spacing: 0.04em;
}

h2.Gradient .G6,
h3.Gradient .G6,
h4.Gradient .G6,
h5.Gradient .G6{
 color: #ffffff;
 height: 8px;
 z-index: 7;
}
h5.Gradient .G6{
 height: 9px;
}
h2.Gradient .G5,
h3.Gradient .G5,
h4.Gradient .G5,
h5.Gradient .G5{
 color: #ececec;
 height: 11px;
 z-index: 6;
}
h2.Gradient .G4,
h3.Gradient .G4,
h4.Gradient .G4,
h5.Gradient .G4{
 color: #d4d4d4;
 height: 14px;
 z-index: 5;
}
h5.Gradient .G4{
 height: 13px;
}
h2.Gradient .G3,
h3.Gradient .G3,
h4.Gradient .G3,
h5.Gradient .G3{
 color: #bfbfbf;
 height: 17px;
 z-index: 4;
}
h5.Gradient .G3{
 height: 15px;
}
h2.Gradient .G2,
h3.Gradient .G2,
h4.Gradient .G2,
h5.Gradient .G2{
 color: #a8a8a8;
 height: 20px;
 z-index: 3;
}
h5.Gradient .G2{
 height: 18px;
}
h2.Gradient .G1,
h3.Gradient .G1,
h4.Gradient .G1,
h5.Gradient .G1{
 color: #939393;
 height: 23px;
 z-index: 2;
}
h5.Gradient .G1{
 height: 20px;
}
h2.Gradient .G0,
h3.Gradient .G0,
h4.Gradient .G0,
h5.Gradient .G0{
 color: #828282;
 height: 30px;
 z-index: 1;
 text-shadow: 0 1px 2px black;
}
h2.Gradient .G0{
 height: 32px;
}
h2.Gradient img.left,
h3.Gradient img.left,
h4.Gradient img.left,
h5.Gradient img.left{
 left: -23px;
 position: absolute;
    top: 28px;
}
h3.Gradient img.left{
    top: 26px;
}
h4.Gradient img.left{
    top: 24px;
}
h5.Gradient img.left{
    top: 22px;
}
h2.Gradient img.right,
h3.Gradient img.right,
h4.Gradient img.right,
h5.Gradient img.right{
 right: -6px;
 position: absolute;
    top: 28px;
 width: 6px;
 height: 6px;
}
h3.Gradient img.right{
    top: 26px;
}
h4.Gradient img.right{
    top: 24px;
}
h5.Gradient img.right{
    top: 22px;
}
h2.Gradient span.leftUnderscore,
h2.Gradient span.middleUnderscore,
h2.Gradient span.rightUnderscore,
h2.Gradient span.mask,
h3.Gradient span.leftUnderscore,
h3.Gradient span.middleUnderscore,
h3.Gradient span.rightUnderscore,
h3.Gradient span.mask,
h4.Gradient span.leftUnderscore,
h4.Gradient span.middleUnderscore,
h4.Gradient span.rightUnderscore,
h4.Gradient span.mask,
h5.Gradient span.leftUnderscore,
h5.Gradient span.middleUnderscore,
h5.Gradient span.rightUnderscore,
h5.Gradient span.mask{
 z-index: 0;
}
h2.Gradient span.spacing,
h3.Gradient span.spacing,
h4.Gradient span.spacing,
h5.Gradient span.spacing{
 visibility: hidden;
}
h2.Gradient span.middleUnderscore,
h3.Gradient span.middleUnderscore,
h4.Gradient span.middleUnderscore,
h5.Gradient span.middleUnderscore{
 left: 0px;
}
h2.Gradient span.leftUnderscore,
h3.Gradient span.leftUnderscore,
h4.Gradient span.leftUnderscore,
h5.Gradient span.leftUnderscore{
 margin-left: 17px;
}
h2.Gradient span.middleUnderscore,
h3.Gradient span.middleUnderscore,
h4.Gradient span.middleUnderscore,
h5.Gradient span.middleUnderscore{
    background: url(https://www.runescape.com/img/global/gradient_header/underscore_middle.png) repeat-x 0 28px transparent;
 margin-left: 17px;
 z-index: 20;
}
h3.Gradient span.middleUnderscore{
    background-position: 0 26px;
}
h4.Gradient span.middleUnderscore{
    background-position: 0 24px;
}
h5.Gradient span.middleUnderscore{
    background-position: 0 22px;
}
h2.Gradient span.right_holder,
h3.Gradient span.right_holder,
h4.Gradient span.right_holder,
h5.Gradient span.right_holder{
 float: right;
 width: 0px;
 height: 0px;
 top: 26px;
}
h4.Gradient span.right_holder{
 top: 24px;
}
h2.Gradient,h2.Gradient span.leftUnderscore,h2.Gradient span.mask,h2.Gradient span.middleUnderscore,
h3.Gradient,h3.Gradient span.leftUnderscore,h3.Gradient span.mask,h3.Gradient span.middleUnderscore,
h4.Gradient,h4.Gradient span.leftUnderscore,h4.Gradient span.mask,h4.Gradient span.middleUnderscore,
h5.Gradient,h5.Gradient span.leftUnderscore,h5.Gradient span.mask,h5.Gradient span.middleUnderscore{
 height: 34px;
}

h3.DoubleFlourish{
 margin-left: 0px;
}
h3.DoubleFlourish,
h3.DoubleFlourish span.mask{
 height: 40px;
}
*:first-child+html h3.DoubleFlourish span.mask{
 width: 100%; 
}
h3.DoubleFlourish .G0, h3.DoubleFlourish .G1, h3.DoubleFlourish .G2, h3.DoubleFlourish .G3, h3.DoubleFlourish .G4, h3.DoubleFlourish .G5, h3.DoubleFlourish .G6 ,h3.DoubleFlourish .mask,h3.DoubleFlourish .rightUnderscore,h3.DoubleFlourish .leftUnderscore,
h1.Centre>span.spacing, h1.Centre>span.G0 , h1.Centre>span.G1 , h1.Centre>span.G2 , h1.Centre>span.G3 , h1.Centre>span.G4 , h1.Centre>span.G5 , h1.Centre>span.G6 ,
h2.Centre>span.spacing, h2.Centre>span.G0 , h2.Centre>span.G1 , h2.Centre>span.G2 , h2.Centre>span.G3 , h2.Centre>span.G4 , h2.Centre>span.G5 , h2.Centre>span.G6 ,
h3.Centre>span.spacing, h3.Centre>span.G0 , h3.Centre>span.G1 , h3.Centre>span.G2 , h3.Centre>span.G3 , h3.Centre>span.G4 , h3.Centre>span.G5 , h3.Centre>span.G6 ,
h4.Centre>span.spacing, h4.Centre>span.G0 , h4.Centre>span.G1 , h4.Centre>span.G2 , h4.Centre>span.G3 , h4.Centre>span.G4 , h4.Centre>span.G5 , h4.Centre>span.G6 ,
h5.Centre>span.spacing, h5.Centre>span.G0 , h5.Centre>span.G1 , h5.Centre>span.G2 , h5.Centre>span.G3 , h5.Centre>span.G4 , h5.Centre>span.G5 , h5.Centre>span.G6{
 left: 0;
}
h3.DoubleFlourish span.leftInnerFlourish,h3.DoubleFlourish span.rightInnerFlourish{
 background: url(https://www.runescape.com/img/global/gradient_header/flourish_inner_left.png) no-repeat top left;
 width: 50%;
 height: 6px;
 display: inline-block;
 float: left;
}
*:first-child+html h3.DoubleFlourish span.leftInnerFlourish,h3.DoubleFlourish span.rightInnerFlourish{
 width: 49.5%; 
}
@media \0screen{
 h3.DoubleFlourish span.leftInnerFlourish,h3.DoubleFlourish span.rightInnerFlourish{
  margin-top: 29px\9; 
 }
}
h3.DoubleFlourish span.rightInnerFlourish{
 background: url(https://www.runescape.com/img/global/gradient_header/flourish_inner_right.png) no-repeat top right;
 float: right;
}
h3.DoubleFlourish span.centreFlourish{
 background: url(https://www.runescape.com/img/global/gradient_header/flourish_middle.png) no-repeat;
 width: 6px;
 height: 6px;
 z-index: 20;
 position: absolute;
 left: 50%;
 top: 25px;
 margin-left: -3px;
}
h3.DoubleFlourish img.left{
 left: -22px;
}
h3.DoubleFlourish img.right{
 width: 15px;
 height: 9px;
 right: -15px;
}
h3.DoubleFlourish span.rightUnderscore,
h3.DoubleFlourish span.leftUnderscore{
 top: -1px;
}
h3.DoubleFlourish span.leftUnderscore{
 margin-left: 6px;
}