/*
     FILE ARCHIVED ON 21:40:22 Jan 17, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:01:55 Feb 22, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/



/* Trail */

.lbold {
 display: inline;
 font-weight: bold;
}

/* xTrail */

/* Article */

.bottomborder {
 background: transparent url(../img/main/kbase/artbottom.png) repeat-x scroll left bottom;
}

.bottomright{
 height: 1%;
 overflow: visible; 
 background: transparent url(../img/main/kbase/artroundbr.png) no-repeat scroll right bottom;
 padding: 0pt 40px 10px 40px;
 text-align: left;
}

.bottomleft{
 background: transparent url(../img/main/kbase/artroundbl.png) no-repeat scroll left bottom;
}

.listtext{
 font-weight: normal;
 padding-bottom: 10px;
}

.article table {
 border-collapse: collapse;
}

#withlinks {
 margin-top: 20px;
}

#withoutlinks {
 margin-top: 35px;
}

/* xArticle */

/* Search Bar */

.search {
 background: #e9dfc5;
 position: relative;
 width: 100%;
}



.article_theme_2 .searchbutton{
 background:transparent url(../img/main/kbase/search_button_brown.png) no-repeat scroll left top;
 border:medium none;
 cursor:pointer;
 height:31px;
 margin-left:80px;
 width:144px;
}

.article_theme_1 .searchbutton{
 background:transparent url(../img/main/kbase/search_button_sun.png) no-repeat scroll left top;
 border:medium none;
 cursor:pointer;
 height:31px;
 margin-left:80px;
 width:144px;
}


.article_theme_2 .searchbutton:hover, .article_theme_1 .searchbutton:hover{
 background-position: left bottom;
}

.searchtop {
 height: 1%;
 background: url(../img/main/kbase/searchtop.png) repeat-x scroll left top;
}

.ctbot {
 background: transparent url(../img/main/kbase/artroundbottom.png) repeat-x scroll left bottom;
 height: 5px;
}

.searchtext{
 padding-top: 35px;
 padding-bottom: 35px;
 color: black;
 text-align: left;
}

table.bottomsearch {
 margin-left:auto;
 margin-right:auto;
 width: auto;
 text-align: left;
 font-size: 11px;
}

#search_cat_select_footer, #search_subcat_select_footer {
 width: 170px;
}

.topleft{
 background: transparent url(../img/main/kbase/searchtopleft.png) no-repeat scroll left top;
}

.topright{
 background: transparent url(../img/main/kbase/searchtopright.png) no-repeat scroll right top;
}

/* xSearch Bar */


/* Headers (inc article links) */

.links_empty {
 padding: 50px 40px;
}

.links {
 padding: 35px 20px 0;
 font-weight: bold;
 font-size: 8pt;
 text-align: center;
}

.brown_links {
 padding-top: 4px;
 padding-bottom: 9px;
 font-weight: bold;
 font-size: 8pt;
 text-align: center;
 color: #a07f3b;
}

.headingsbrown {
 font-weight: bold;
 text-align: center;
 padding-top: 8px;
 padding-bottom: 14px;
}

/* xHeaders (inc article links) */

/* Images */

.imgleft, .imgright {
 text-align: left;
 font-style: italic;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
 display: inline;
 height: 1%;
}

.imgright {
 text-align: right;
 float: right;
 margin-left: 10px;
 padding-right: 1px;
 margin-right:0px;
 overflow: hidden; /* IE fix */
}

.imgcentre {
 text-align:center;
 font-style: italic;
 margin:0 auto;
}

.centrecontainer {
 position: relative;
}

.topbord {
 background: url(../img/main/kbase/imgtopbord.png) repeat-x scroll left top;
 height: auto;
 font-size: 0;
}

.bottombord {
 background: transparent url(../img/main/kbase/imgbottombord.png) repeat-x scroll left bottom;
 height: auto;
}

.leftbord {
 background: url(../img/main/kbase/imgleftbord.png) repeat-y scroll left center;
 height: auto;
}

.rightbord {
 background: url(../img/main/kbase/imgrightbord.png) repeat-y scroll right center;
 height: auto;
}

.toplcorn {
 background: transparent url(../img/main/kbase/imgtoplcorn.png) no-repeat scroll left top;
 height: auto;
}

.toprcorn {
 background: transparent url(../img/main/kbase/imgtoprcorn.png) no-repeat scroll right top;
 height: auto;
}

.bottomlcorn{
 background: transparent url(../img/main/kbase/imgbottomlcorn.png) no-repeat scroll left bottom;
 height: auto;
}

.bottomrcorn{
 background: transparent url(../img/main/kbase/imgbottomrcorn.png) no-repeat scroll right bottom;
 padding: 0px;
}

.bottomrcorn img{
 display: inline;
 padding: 5px;
}

/* xImages */

/* More articles and back to top */

.articlebottom {
 font-weight: bold;
 position: relative;
}

table.bottomlinks {
 margin-left:auto;
 margin-right:auto;
 width: 610px;
 color: black;
 padding-top: 4px;
 text-align: left;
 margin-bottom: 15px;
}

.bot {
 width:50%;
 vertical-align:top;
}

/* xMore articles and back to top */


/* Category Page */

.itemborder {
 padding: 4px;
 background-color: #433824;
 float:left;
 margin-bottom:3px;
}

.cattext {
 background-image: url(../img/main/kbase/categorybackground.png);
 height: 70px;
 width: 277px;
 vertical-align:top;
 display:block;
 float:left;
 text-align: left;
 font-size: 12px;
 margin-left: 4px;
}

.text {
 margin: 6px;
 color: #f9deb3;
 line-height: 1.2;
}

.title1{
 font-weight:bold;
 color: #d7af6e;
 padding-bottom: 2px;
}

.title1 a{
 text-decoration: none;
}

.headingpic {
 float:left;
}

.help {
 border: 1px solid #3f3320;
 background: #2c210d;
 clear:both;
 margin-bottom: 4px;
}

.helptext{
 margin: 6px;
 color: white;
 line-height: 1.6;
 text-align:left;
 font-size: 12px;
}

.helptitle{
 font-size: 14px;
 font-weight: bold;
 color: #d7af6e;
}

.further {
 font-weight: bold;
 color: #897955;
}

.searchcategory {
 border: 1px solid #3f3320;
 background: #2c210d;
 margin-top: 4px;
 font-weight: normal;
 color: white;
 padding-top: 10px;
}

.searchtextcategory{
 font-weight: normal;
 color: white;
}

.article_theme_2 .searchtitles {
 font-size: 11px;
 text-align: right;
 padding-right: 10px;
 font-weight: bold;
 color: #d7af6e;
 width: 90px;
}

.article_theme_1 .searchtitles {
 font-size: 11px;
 text-align: right;
 padding-right: 10px;
 font-weight: bold;
 color: black;
 width: 90px;
}

.subcatborder {
 padding: 2px;
 background-color: #433824;
 height:57px;
 float:left;
 margin-bottom:3px;
}

.subcatborder img {
 width: 41px;
 height: 57px;
}

.subcattext {
 background-image: url(../img/main/kbase/subcatbackground.png);
 height: 57px;
 width: 192px;;
 vertical-align:top;
 display:block;
 float:left;
 text-align: left;
 font-size: 12px;
 margin-left: 2px;
}

.subtext {
 margin: 4px;
 color: #f9deb3;
}

.subheading {
 background: #271C07;
 float:left;
}

/* xCategory Page */

/* Quest Page */

.introduction {
 text-align:left;
 padding-top: 6px;
 margin-top: 12px;
 padding-bottom: 6px;
}

.questimage {
 margin-top: 12px;
 font-style: italic;
 float:right;
 text-align: right;
 line-height: 2em;
 width: 322px;
}

.questimage img{
 border: 6px solid #6B5317;
}

.htitle {
 font-weight: bold;
 padding-bottom: 6px;
}

.developers {
 text-align:left;
 padding: 22px 6px 6px;
}

.information {
 text-align:left;
 margin-top: 12px;
 float:left;
 width: 333px;
 border: 1px solid #B3AA90;
 color: #443e22;
 min-height: 212px;
}

.members {
 padding: 6px;
 border-bottom: 1px solid #DED4BA;
}

.start, .start1 {
 padding: 6px;
 border-bottom: 1px solid #DED4BA;
}

.minreqs {
 padding: 6px;
}

.spoilers {
 margin-top: 10px;
 text-align: left;
}

/* xQuest Page */

/* Jagex Rules */

#jagexRule {
 padding-top: 35px;
}

.effectivedate {
 text-align: center;
}

.backtotop {
 text-align: center;
 margin-bottom: 5px;
 font-size: 11px;
 font-weight:bold;
}

.faqsList {
 background: #e0d6bc;
 margin: 0pt -3px;
 position: relative;
 top: -3px;
 padding-bottom: 5px;
}

.article .faqsList ol {
 color: #675f39;
 line-height: 2em;
 margin: 0px;
 padding: 8px 8px 8px 34px;
}

.title {
 font-weight: bold;
 color: #A07F3B;
}

.faqsList a{
 color: #675F39;
}

/* xJagex Rules */

/* Spoilers */

span.spoiler_top {
 color: black;
}

div.spoiler, div.spoiler_show {
 background: white;
 color: white;
 border: 1px solid #b3aa90;
 padding: 4px;
}

div.spoiler_show {
 color: black;
}

a.spoiler_link {
 display: none;
}

/* xSpoilers */

/* Search Page */

#topright {
 border: 1px solid #b3aa90;
 font-size: 11px;
 margin-bottom: 10px;
}

#topright label {
 padding-top: 2px;
 float:left;
 width: 6em;
}

#topright input, #topright select {
 margin: 1px 6px 1px 0px;
}

.resultssearchtext{
 padding: 2px 3px;
}

.searchresultbutton {
 width: 100px;
 margin-top: 6px;
 margin-right:2px;
 margin-bottom: 2px;
 font-size: 11px;
}

.searchresulttext {
 float: left;
 padding-left: 6px;
 padding-top: 2px;
 width: 50%;
}

/* xSearch Page */

/* Area Guide */

.headings {
 padding-bottom: 10px;
}
.info_content {
 padding: 6px;
 float: right;
 width: 200px;
}
.info_spacer {
 width: 8px;
}
.info_location {
 border-top:1px solid #DED4BA;
 border-right: 1px solid #B3AA90;
 border-bottom: 1px solid #B3AA90;
 border-left: 1px solid #B3AA90;
 text-align: center;
 clear: both;
 padding: 4px;
 width: 325px;
 margin: auto;
}
.info_location_none {
 border-right: 1px solid #B3AA90;
 border-bottom: 1px solid #B3AA90;
 border-left: 1px solid #B3AA90;
 clear: both;
}
.info_picture {
 width: 105px;
 float: left;
 margin-left: 5px;
}
.info_container_none {
 border: 1px solid #B3AA90;
 width:333px;
}
.info_table tr {
 vertical-align: top;
}
.info_table {
 border-collapse: collapse;
 margin-bottom: 8px;
}

/* xArea Guide */

.loreimage {
 background: #cbb17c;
 border: 1px solid black;
}

.spoilers table a {
 color: white;
}


#RetailersContent{
 margin: 32px 0;
 width: 700px;
}

#RetailersContent div.featuredList,
#RetailersContent div.fullList{
 clear: both;
 overflow: auto;
 margin-bottom: 16px;
}
#RetailersContent div.fullList{
 overflow: hidden;
}
#RetailersContent div.featuredList ul li,
#RetailersContent div.fullList ul li{
 float: left;
 margin: 0 4px 0 0;
}
#RetailersContent div.featuredList ul li,
#RetailersContent div.fullList ul li,
#RetailersContent div.featuredList ul li a,
#RetailersContent div.fullList ul li a{
 /*display: block;*/
 height: 68px;
}
#RetailersContent div.featuredList ul li,
#RetailersContent div.featuredList ul li a{
 display: block;
}
#RetailersContent div.featuredList ul li{
 background: url('../jagex.com/img/crossservice/new_billing/rs_panel.jpg') left top no-repeat;
 /*border: 1px outset #55BAE3;*/
 padding-left: 0;
 text-indent: 0;
 /*border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;*/
 line-height: 30px;
 text-align: center;
 font-size: 20px;
 text-decoration: none;
}
#RetailersContent div.featuredList ul li,
#RetailersContent div.featuredList ul li a{
 height: 84px;
 width: 166px;
}
#RetailersContent div.featuredList ul li a{
 text-decoration: none;
}
#RetailersContent div.featuredList ul li a img{
 margin: 4px;
}
#RetailersContent div.featuredList ul li a span{
 display: none;
}
#RetailersContent div.fullList ul{
 list-style: disc inside none;
 margin-left: 12px;
}
#RetailersContent div.fullList ul li{
 background: none;
 list-style-type: circle;
 color: #A07F3B;
 height: 36px;
 width: 166px;
 padding: 0;
}
#RetailersContent div.fullList ul li a img{
 display: none;
}
#RetailersContent #pageClose{
 display: none;
 float: right;
 border: 1px outset #1F94C7;
 background-color: #1F94C7;
 color: white;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
#RetailersContent #pageClose:hover{
 background-color: #55BAE3;
}
#RetailersContent div.error{
 color: red;
}
#countryLinks {
 padding: 0;
 width:650px;
 text-align: left;
}

/* Downloads (shared layout for /play and /kb/Downloads_and_Wallpapers) */

.files_image_border_s {
 border: 1px solid #785D2C;
 height: 86px;
 width: 114px;
}

.files_image_border {
 border: 1px solid #785D2C;
 height: 164px;
 width: 218px;
}

.downloads_info {
 background-color: #261c09;
 border: 1px solid #3F3320;
 height: 1%;
 padding: 4px;
 position: relative;
 text-align: left;
}

.downloads_info + .downloads_info {
 margin-top: 5px;
}

.downloads_image {
 margin-right: 6px;
 float: left;
}

.downloads_text_wrapper {
 height: auto;
 overflow: hidden;
}

.downloads_title {
 font-size: 12px;
 font-weight: bold;
 color: #ac8b56;
 margin-top: 2px;
 margin-bottom: 6px;
}

.downloads_content {
 font-size: 11px;
 margin-bottom: 4px;
 color: #d4cec3;
}

.downloads_content ul {
 list-style: disc inside none;
 margin: 0;
 padding: 0;
}

.downloads_content li {
 margin: 2px 0;
}

.downloads_content_bottom {
 font-size: 11px;
 padding-top: 4px;
}

.downloads_arch {
 display: inline-block;
 min-width: 56px;
 font-weight: bold;
 color: #ac8b56;
 margin-right: 6px;
}

.downloads_note {
 font-size: 10px;
 color: #b3aa90;
 margin-top: 6px;
 font-style: italic;
}

/* xDownloads */

/* KB Search */

.kb-search-form {
 display: flex;
 gap: 6px;
 margin: 14px 0 18px;
 padding: 10px 12px;
 background: #efe2c4;
 border: 1px solid #b3aa90;
 border-radius: 4px;
 box-shadow: inset 0 1px 0 #fff5d8, 0 1px 2px rgba(0, 0, 0, 0.08);
}

.kb-search-form input[type="search"] {
 flex: 1 1 auto;
 padding: 6px 10px;
 font-size: 13px;
 color: #3b2a16;
 background: #fffaf0;
 border: 1px solid #6e5a3a;
 border-radius: 3px;
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
 outline: none;
}

.kb-search-form input[type="search"]:focus {
 border-color: #a07f3b;
 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 2px rgba(160, 127, 59, 0.35);
}

.kb-search-form button {
 padding: 6px 16px;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 background: linear-gradient(#8b6f3f, #6e5a3a);
 border: 1px solid #4a3a22;
 border-radius: 3px;
 cursor: pointer;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.kb-search-form button:hover {
 background: linear-gradient(#a07f3b, #82693d);
}

.kb-search-form button:active {
 background: linear-gradient(#6e5a3a, #8b6f3f);
}

.kb-search-summary {
 margin: 0 0 12px;
 padding: 6px 10px;
 font-size: 12px;
 color: #4a3a22;
 background: #f8eccd;
 border-left: 3px solid #a07f3b;
}

.kb-results {
 list-style: none;
 margin: 0 0 14px;
 padding: 0;
 counter-reset: kb-result;
}

.kb-result {
 position: relative;
 margin: 0 0 10px;
 padding: 12px 14px 12px 18px;
 background: #fffaf0;
 border: 1px solid #c9bb96;
 border-left: 4px solid #a07f3b;
 border-radius: 3px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
 transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.kb-result:hover {
 border-left-color: #6e5a3a;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
 transform: translateY(-1px);
}

.kb-result__crumb {
 font-size: 10px;
 text-transform: uppercase;
 letter-spacing: 0.05em;
 color: #82693d;
 margin-bottom: 2px;
}

.kb-result__crumb a {
 color: #82693d;
 text-decoration: none;
}

.kb-result__crumb a:hover {
 color: #3b2a16;
 text-decoration: underline;
}

.kb-result__title {
 margin: 0 0 4px;
 font-size: 15px;
 line-height: 1.25;
}

.kb-result__title a {
 color: #3b2a16;
 text-decoration: none;
 font-weight: bold;
}

.kb-result__title a:hover {
 color: #6e5a3a;
 text-decoration: underline;
}

.kb-result__snippet {
 margin: 4px 0 6px;
 font-size: 12px;
 line-height: 1.5;
 color: #3b2a16;
}

.kb-result__snippet mark {
 background: #ffe9a8;
 color: inherit;
 padding: 0 2px;
 border-radius: 2px;
 font-weight: bold;
}

.kb-result__more {
 display: inline-block;
 font-size: 11px;
 font-weight: bold;
 color: #6e5a3a;
 text-decoration: none;
}

.kb-result__more:hover {
 color: #3b2a16;
 text-decoration: underline;
}

.kb-results-empty {
 margin: 14px 0;
 padding: 18px 16px;
 text-align: center;
 background: #f8eccd;
 border: 1px dashed #b3aa90;
 border-radius: 3px;
 color: #4a3a22;
}

.kb-results-empty p {
 margin: 0 0 4px;
}

.kb-results-empty__hint {
 font-size: 11px;
 color: #82693d;
}

/* xKB Search */

.kb-pagination {
 margin: 12px 0;
 padding: 6px 0;
 text-align: center;
 font-size: 11px;
}
.kb-pagination__link {
 display: inline-block;
 padding: 3px 8px;
 margin: 0 2px;
 border: 1px solid #6e5a3a;
 background: #efe2c4;
 color: #3b2a16;
 text-decoration: none;
 line-height: 14px;
 font-weight: bold;
}
.kb-pagination__link:hover {
 background: #f8eccd;
 color: #000;
 text-decoration: none;
}
.kb-pagination__link.is-current {
 background: #6e5a3a;
 color: #fff;
 cursor: default;
}
.kb-pagination__link.is-disabled {
 color: #998065;
 background: #e6dabd;
 cursor: default;
}
.kb-pagination__gap {
 display: inline-block;
 padding: 3px 4px;
 color: #6e5a3a;
}