/*



*/

.hiscoretitlebground,
.titleBackground {
 margin-left: auto;
 margin-right: auto;
 padding: 4px;
 width:759px;
 height:130px;
 background-image: url('http://www.runescape.com/img/rsp777/hiscores/hiscores_title.gif');
 background-repeat: no-repeat;
 background-position: top;
}
.hiscoretitleframe {
 position:relative;
 width:165px;
 top:20px;
 padding-right: 0px;
 padding-left: 0px;
 padding-top:2px;
 padding-bottom:2px;
 text-align: center;
 border:2px solid #382418;
 background-color: black;
 margin-top:15px;
}
.hiscorebutton {
 height:98px;
 width:152px;
 text-align:center;
 margin: 1px 1px 1px 26px;
  display: block;
  color: #D9C27E;
  background-image:url('http://www.runescape.com/img/rsp777/hiscores/search_box.gif');
  background-repeat: no-repeat;
  padding: 2px 3px;
  line-height:30px;
  }
  .hiscoremediumbutton {
 height:124px;
 width:152px;
 text-align:center;
 margin: 1px 1px 1px 26px;
  display: block;
  color: #D9C27E;
  background-position:top center; background-repeat:no-repeat;
  background-image:url('http://www.runescape.com/img/rsp777/hiscores/friends_hiscores.gif');
  padding: 2px 3px;
  line-height:12px;
  }
.hiscorelargebutton {
 height:126px;
 width:152px;
 text-align:center;
 margin: 1px 1px 1px 26px;
  display: block;
  color: #D9C27E;
  background-position:top center; background-repeat:no-repeat;
  background-image:url('http://www.runescape.com/img/rsp777/hiscores/compare_users.gif');
  padding: 2px 3px;
  line-height:35px;
  }
.hiscorecomparebutton {
 height:79px;
 width:444px;
 text-align:center;
 margin: 6px;
  color: #D9C27E;
  background:url('http://www.runescape.com/img/rsp777/hiscores/compare_button_wide.gif') no-repeat top center;
  padding: 5px 3px;
  line-height:20px;
}

.hiscorelinkbutton {
 height:79px;
 width:152px;
 text-align:center;
 margin: 6px;
 padding: 5px 3px;
 line-height:20px;
 background:url('http://www.runescape.com/img/rsp777/hiscores/compare_button_small.gif') no-repeat top center;
}

.raisepage {
 position: relative;
 top:-70px;
}
img.miniimg  {height:16px;width:16px;}
 .forcelighttext{color: #D9C27E;}
 div.hiscorecomparebutton b{color:#D9C27E;}
 div.hiscorelinkbutton b{color:#D9C27E; line-height:14px;}
 div.widescroll-content a {color: #000000; font-weight: bold; }
 div.widescroll-content td {color: #000000;}
 div.banner {width: 175px; position: relative; background-image: url("http://www.runescape.com/img/rsp777/hiscores/banner_middle2.gif"); background-position:left; background-repeat: repeat-y;}
 div.banner-content {  margin: 0 0 0 9px; z-index: 100; padding: 0px 20px; color: #000000; position: relative;}
 img.banner-top {  background-position:center; position: relative; top: 15px; padding:0; margin: 0;display: block;}
 img.banner-bottom { background-position:center; position: relative; padding:0; margin: 0; top: 0px; display: block;}
 div.banner-content a{color: #D9C27E;}
 div.mainscroll-bgimg { width: 379px; position: relative; margin: 0 -5px; background-image: url("http://www.runescape.com/img/rsp777/hiscores/scroll_middle.gif"); background-repeat: repeat-y;}
 div.mainscroll-bg { width: 372px; background-color: #C2AB79; margin-left: 5px; }
 div.mainscroll-content { padding: 25px 0px; color: #000000; position: relative; margin: 0 0px;}
 div.mainscroll-content td { color: black; }
 div.mainscroll-content a{color: #000000;}
 img.mainscroll-top { position: relative; top: 25px; padding:0; margin: 0; z-index: 100; display: block;}
 img.mainscroll-bottom { position: relative; padding:0; margin: 0; top: -25px; display: block;}


#col1, #col2, #col3 {

}

/* col1 */
#col1 {
 width:175px;
}

#headerCategory {
 background:url(http://www.runescape.com/img/rsp777/hiscores/banner_top2.gif) no-repeat;
 width:186px;
 height:90px;
}

#footerCategory {
 background:url(http://www.runescape.com/img/rsp777/hiscores/banner_bottom2.gif) no-repeat;
 width:186px;
 height:60px;
}

#contentCategory {
 background:url(http://www.runescape.com/img/rsp777/hiscores/banner_middle2.gif) repeat-y;
    margin: 0;
    max-width: 157px;
}

#contentCategory a {
 color:#d9c27e;
 padding: 3px 0px 0px 20px;
 margin-left: 40px;
 display:block;
}

#contentCategory ul {
 margin: 0px 25px 0px 50px;
}

#contentCategory li {
 background:none;
}

#contentCategory li a {
padding-left:10px;
}
/* xcol1 */
/* col2 */
#col2 {
 width:380px;
 margin:10px 15px 0px 5px;
}

#headerHiscores {
 background:url(http://www.runescape.com/img/rsp777/hiscores/scroll_top.gif) no-repeat;
 width:379px;
 height:36px;
}

.hiscoresHiddenBG {
 width: 372px;
 background: #c2ab79;
 margin-left: 5px;
}

#contentHiscores {
 width: 379px;
 position:relative;
 background: url(http://www.runescape.com/img/rsp777/hiscores/scroll_middle.gif) repeat-y;
 margin: 0 -5px;
 line-height:18px;
 color:#000;
}

th, td {
 color:#000;
}

#contentHiscores a {
 color:#000;
}

#footerHiscores {
 background:url(http://www.runescape.com/img/rsp777/hiscores/scroll_bottom.gif) no-repeat;
 width:379px;
 height:36px;
}

#contentHiscores caption {
 font-weight:bold;
 color:#000;
}
/* xcol2 */
/* col3 */
#col3 {
 width:155px;
}

.smallBox {
 background:url(http://www.runescape.com/img/rsp777/hiscores/search_box.gif) no-repeat;
 height:98px;
}

.largeBox {
 background:url(http://www.runescape.com/img/rsp777/hiscores/compare_users.gif) no-repeat;
 height:126px;

}
/* xcol3 */
/* boxes */
.smallBox p, .largeBox p {
 padding-top:5px;
}

.smallBox, .largeBox {
 width:152px;
 text-align:center;
 color:#d9c27e;
 margin-bottom:25px;
}

.smallBox b, .largeBox b {
 display:block;
 margin:5px;
}

.smallBox input.text, .largeBox input.text {
 width:100px;
 margin-bottom:4px;
}
/* xboxes */
/* general */
.left {
 text-align:left;
 margin-right:auto;
}

.right {
 text-align:right;
 margin-left:auto;
}

.center {
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

.clear {
 clear: both;
}

/* xgeneral */

/* icons*/
.Attack {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_attack1.gif) no-repeat;
}

.Defence {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_defence1.gif) no-repeat;
}

.Strength {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_strength1.gif) no-repeat;
}

.Hitpoints {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_hitpoints1.gif) no-repeat;
}

.Ranged {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_ranged1.gif) no-repeat;
}

.Prayer {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_prayer1.gif) no-repeat;
}

.Magic {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_magic1.gif) no-repeat;
}

.Cooking {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_cooking1.gif) no-repeat;
}

.Woodcutting {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_woodcutting1.gif) no-repeat;
}

.Fletching {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_fletching1.gif) no-repeat;
}

.Fishing {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_fishing1.gif) no-repeat;
}

.Firemaking {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_firemaking1.gif) no-repeat;
}

.Crafting {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_crafting1.gif) no-repeat;
}

.Smithing {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_smithing1.gif) no-repeat;
}

.Mining {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_mining1.gif) no-repeat;
}

.Herblore {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_herblore1.gif) no-repeat;
}

.Agility {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_agility1.gif) no-repeat;
}

.Thieving {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_thieving1.gif) no-repeat;
}

.Slayer {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_slayer1.gif) no-repeat;
}

.Farming {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_farming1.gif) no-repeat;
}

.Runecraft {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_runecraft1.gif) no-repeat;
}

.Hunter {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_hunter1.gif) no-repeat;
}

.Construction {
 background: url(http://www.runescape.com/img/rsp777/hiscores/skill_icon_construction1.gif) no-repeat;
}
/* xicons*/

#hiscoreLoginLink {
    display: block;
    margin-top: 10px;
}

.hiscoreLoginForm {
    padding: 5px;
}

.hiscoreLoginForm input {
    width: 100px;
    margin-bottom: 4px;
}

.hiscoreLoginForm label {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

.hiscoreLoginForm .PasswordLink {
    display:block;
    font-size:11px;
}

.loginPrompt,
.linkToFriends {
    padding-top:5px;
    display:block
}
.error{
    color: red;
    font-size: 1.2em;
    text-align: center;
    border: 1px solid red;
    border-radius: 12px;
    box-shadow: 0 0 4px red;
    width: 600px;
    margin: 0 auto;
}
.ironman-nav {
 width: 900px;
}
.ironman-nav__option {
 background: black;
 border: 2px solid #382418;
 display: inline-block;
 padding: 7px 15px;
}
.ironman-nav__option--current {
 color: #fff;
 font-weight: 700;
}

.personal-hiscores {
    display: table;
    position: relative;
    width: 600px;
}

.personal-hiscores__side-banner {
    display: table-cell;
    padding: 0 4px;
    text-align: left;
    width: 175px;
}

.personal-hiscores__table {
    display: table-cell;
}

.personal-hiscores__table table {/*Specificity class*/
    margin-right: 30px;
}

.personal-hiscores__table td {/*Specificity class*/
    position: relative;
}

.personal-hiscores__pagination {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}
.personal-hiscores__no-rank {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 20px;
    text-align: center;
}
.personal-hiscores__row--dead {
    text-decoration: line-through;
}
.hiscore-death {
    cursor: help;
    height: 15px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
}
