@import url(buttons-68.css);
html, body, div, span, applet, object, iframe, img,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

html, body, div, span, applet, object, iframe, img,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0; }

html {
  overflow-y: scroll; }

body {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.9em;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  background: black;
  color: #D4D4D4;
  margin: 0; }

p, ul, ol {
  line-height: 1.2em; }

ul, ol {
  padding: 0;
  margin: 0; }

ul {
  margin-left: 20px; }

p {
  margin: 0 auto 10px; }

.underscore {
  text-decoration: underline; }

button {
  cursor: pointer;
  border: 0 none;
  padding: 0;
  display: block;
  background: none; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

:focus {
  outline: 0; }

:active {
  outline: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none;
  color: #f3b13f; }

a, a:visited {
  color: #f3b13f !important;
  cursor: pointer; }

a:hover {
  text-decoration: underline; }

a img {
  border: 0; }

input {
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  color: #b8b8b8;
  border-radius: 2px;
  border-width: 1px;
  border-color: black; }

textarea {
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  color: #b8b8b8;
  border-color: #b8b8b8;
  background-color: #191919;
  border: 1px inset black;
  word-wrap: break-word;
  font-size: 12px;
  padding: 0;
  resize: none; }

.Kingthings {
  font-family: KingthingsPetrockRegular,Times New Roman,serif; }

.Museo {
  font-family: MuseoSans500,Arial,Times New Roman,serif; }

#Background {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ICElYJm.webp) no-repeat center 65px black;
  width: 100%;
  min-width: 1000px;
  left: 0;
  top: 0; }

#TopBackground {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/headerCentreBg.webp) top center no-repeat; }

#BottomBackground {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BottomBgGrad.webp) bottom center no-repeat;
  width: 100%; }

#MainContentOuter {
  width: 1000px;
  margin: auto;
  clear: both;
  margin-top: -11px; }

.MainContentBg {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/MainContentCentreBg.webp) repeat-y 24px top;
  color: #b8b8b8; }

.MainContentTopBg {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/mainContentTopBg.webp) no-repeat 0 0;
  overflow: hidden; }

.MainContentBottomBg {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/MainContentBottomBg.webp) no-repeat center bottom;
  overflow: hidden; }

#MainContent {
  margin: 0 auto 70px;
  overflow: hidden;
  z-index: 1;
  clear: both;
  color: #b8b8b8;
  position: relative;
  min-height: 320px; }

#MainTitle {
  display: block;
  width: 254px;
  height: 100px;
  position: relative;
  top: 0; }

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

.Centre2 {
  float: left;
  left: -50%;
  position: relative; }

#MainTitle h3 {
  position: relative;
  top: 43px; }

#Footer {
  height: 296px;
  width: 1000px;
  position: relative;
  margin: auto;
  overflow: hidden; }

#Footer ul.Main {
  list-style: none;
  margin: 17px 0 0 70px; }

#Footer ul.Main > li {
  float: left;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  font-size: 21px;
  width: 160px; }

#Footer ul.Main li a {
  -moz-transition: color 300ms;
  -webkit-transition: color 300ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 300ms;
  transition: color 300ms;
  text-decoration: none; }

#Footer ul.Main li a:hover {
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  transition: color 100ms;
  color: white; }

#Footer ul.Sub {
  list-style: none;
  margin: 21px 0 0 0;
  line-height: 15px; }

#Footer ul.Sub li {
  font-family: MuseoSans500,Arial,Times New Roman,serif; }

#Footer ul.Sub li a {
  color: #b8b8b8 !important;
  font-size: 12px;
  -moz-transition: text-shadow 300ms;
  -webkit-transition: text-shadow 300ms;
  -webkit-backface-visibility: hidden;
  -o-transition: text-shadow 300ms;
  transition: text-shadow 300ms; }

#Footer ul.Sub li a:hover {
  text-shadow: 0 0 2px white;
  -moz-transition: text-shadow 100ms;
  -webkit-transition: text-shadow 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: text-shadow 100ms;
  transition: text-shadow 100ms; }

#Footer #RuneScapeLogo {
  height: 153px;
  position: absolute;
  right: 59px;
  width: 242px;
  top: 6px; }

#Footer .FooterBottom {
  clear: both;
  float: none;
  padding: 0 58px;
  position: relative;
  top: 25px; }

#Footer .FooterBottom > a,
#Footer .FooterBottom > p,
#Footer .FooterBottom > div {
  float: left;
  margin-right: 20px; }

#Footer #JagexLogo {
  height: 45px;
  width: 143px;
  margin-right: 7px; }

#Footer .FooterBottom > p {
  font-size: 10px;
  line-height: 14px;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  margin-top: 2px;
  width: 430px; }

#Footer .LanguageSelector {
  top: 10px;
  left: 15px; }

#Footer #BottomNavigationFlag {
  margin: 0;
  position: absolute;
  top: 9px;
  right: 93px;
  width: 45px; }

#Footer .PtRatingImgSpl {
  position: absolute;
  left: 705px;
  top: 144px;
  color: white; }

#SnLinks {
  position: absolute;
  right: 127px;
  top: 8px; }

#SnLinks a {
  float: left;
  width: 22px;
  height: 21px;
  margin-right: 8px; }

#HeaderLeft {
  width: 50%;
  float: left;
  margin-right: -586px; }

#HeaderLeftInner {
  height: 113px;
  margin-right: 585px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/HeaderBg.webp) repeat-x; }

#HeaderRight {
  width: 50%;
  position: absolute;
  right: 0; }

#HeaderRightInner {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/HeaderBg.webp) repeat-x;
  margin-left: 586px;
  height: 113px; }

#HeaderCentre {
  width: 1172px;
  float: left;
  position: relative;
  z-index: 10;
  height: 113px; }

#Header {
  width: 1000px;
  margin: auto;
  position: relative;
  z-index: 10;
  height: 113px;
  display: block; }

*:first-child + html #Header {
  margin-top: -113px; }

#HeaderLogo {
  position: absolute;
  height: 153px;
  left: 6px;
  width: 242px;
  top: 0px; }

#LoginMask {
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LoginMask.webp?1) top left;
  display: block; }

#Login,
#LoginMask {
  z-index: 20;
  position: absolute;
  right: 20px;
  top: 0;
  width: 300px;
  height: 113px; }

#Login #LoginPanel {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LoginBg.webp) no-repeat;
  width: 205px;
  height: 297px;
  position: absolute;
  z-index: 10;
  right: 48px;
  top: -155px;
  -moz-transition: top 1s;
  -webkit-transition: top 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: top 1s;
  transition: top 1s; }

#Login:hover.NoJS #LoginPanel {
  top: 53px;
  -moz-transition: top 1s;
  -webkit-transition: top 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: top 1s;
  transition: top 1s; }

#Login.open #LoginPanel {
  top: 34px; }

#Login.open .LoginXtop,
#Login.open .LoginXbottom,
#Login .LoginXtop,
#Login .LoginXbottom {
  width: 21px;
  height: 60px;
  position: absolute;
  display: block;
  outline: none; }

#Login .LoginXbottom {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LoginX.webp) no-repeat;
  z-index: 11; }

#Login .LoginXtop {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LoginXMO.webp) no-repeat;
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 30; }

#Login .LoginXtop:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }

#Login .LoginXtop,
#Login .LoginXbottom {
  top: 47px;
  right: 64px;
  -moz-transition: -moz-transform 0.5s;
  -webkit-transition: -webkit-transform 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: -o-transform 0.5s;
  transition: transform 0.5s;
  -moz-transform-origin: top center;
  -webkit-transform-origin: top center;
  -o-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

html.no-csstransitions #Login .LoginXtop,
html.no-csstransitions #Login .LoginXbottom,
#Login.open .LoginXtop,
#Login.open .LoginXbottom {
  -moz-transition: -moz-transform 0.5s  0.5s;
  -webkit-transition: -webkit-transform 0.5s  0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: -o-transform 0.5s  0.5s;
  transition: transform 0.5s  0.5s;
  -moz-transform-origin: top center;
  -webkit-transform-origin: top center;
  -o-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -webkit-backface-visibility: hidden;
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  top: 47px;
  right: 64px; }

#Login.NoJS .LoginXtop,
#Login.NoJS .LoginXbottom {
  display: none; }

#Login .Password,
#Login #Username {
  position: absolute;
  left: 0px;
  top: 22px;
  height: 25px;
  line-height: 25px;
  width: 158px;
  color: white;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  font-size: 11px;
  background-color: transparent;
  border: none;
  padding: 0 7px; }

#Login .Password {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/PasswordBg.webp) top left no-repeat; }

#Login label.username,
#Login label.password {
  position: absolute;
  left: 17px;
  top: 62px;
  color: #f3b13f;
  font-size: 16px;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  letter-spacing: 0.025em; }

#Login label.password {
  top: 113px; }

#Login a.forgot {
  position: absolute;
  left: 17px;
  color: white;
  font-size: 10px;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  line-height: 1.5em;
  top: 172px; }

#Login #LoginButton1 {
  position: absolute;
  top: 74px;
  left: 64px;
  -moz-transition: opacity 300ms  0.8s;
  -webkit-transition: opacity 300ms  0.8s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 300ms  0.8s;
  transition: opacity 300ms  0.8s;
  z-index: 30; }

#Login:hover.NoJS #LoginButton1,
#Login.open #LoginButton1 {
  -moz-transition: opacity 100ms;
  -webkit-transition: opacity 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
  opacity: 0.0;
  filter: alpha(opacity=0);
  visibility: hidden; }

#Login #LoginButton2 {
  position: absolute;
  top: 170px;
  left: 128px;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 30; }

#Login:hover.NoJS #LoginButton2,
#Login.open #LoginButton2 {
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
  filter: alpha(opacity=100); }

#Login #RegisterButton {
  position: absolute;
  top: 74px;
  left: 154px;
  z-index: 30;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
  filter: alpha(opacity=100); }

#Login:hover.NoJS #RegisterButton,
#Login.open #RegisterButton {
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0.0;
  filter: alpha(opacity=0);
  visibility: hidden; }

#Login #Or2 {
  top: 204px;
  position: absolute;
  left: 15px;
  line-height: 1em;
  font-size: 15px;
  color: #984a1c;
  font-size: 16px;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  letter-spacing: 0.025em;
  width: 174px;
  text-align: center; }

#Login #Or1,
#Login #GetAccess {
  position: absolute;
  top: 226px;
  font-size: 11px;
  line-height: 25px;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  color: white; }

#Login #Or1 {
  left: 91px; }

#Login #GetAccess {
  top: 251px;
  width: 100%;
  text-align: center; }

#Login:hover.NoJS #Or1,
#Login.open #Or1,
#Login:hover.NoJS #GetAccess,
#Login.open #GetAccess {
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s; }

#Login #PlayNowFree img,
#Login #PlayNowFree {
  width: 121px;
  height: 34px; }

#Login #PlayNowFree {
  position: absolute;
  left: 90px;
  top: 19px;
  z-index: 30; }

#Login .Facebooklogin {
  height: 34px;
  left: 15px;
  top: 229px;
  width: 182px;
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  z-index: 1; }

#Login:hover.NoJS .Facebooklogin,
#Login.open .Facebooklogin {
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 1;
  filter: alpha(opacity=100); }

#LoggedIn {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LoggedinBg.webp) top left no-repeat;
  width: 362px;
  height: 134px;
  position: absolute;
  left: 647px; }

#LoggedIn #Upgrade {
  background: url("https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/UpgradeBg.webp") no-repeat scroll 0 0 transparent;
  display: block;
  height: 52px;
  left: 15px;
  overflow: hidden;
  position: absolute;
  top: 29px;
  width: 155px; }

#LoggedIn #Upgrade span {
  color: #F0B166;
  font-size: 11px;
  width: 100%;
  position: absolute;
  top: 30px;
  display: block;
  text-align: center; }

#LoggedIn #Upgrade:hover {
  background-position: right 0;
  text-decoration: none; }

#LoggedIn #Upgrade:hover span {
  color: #F3B13F; }

#LoggedIn img.SubNavMask {
  position: absolute;
  top: 0;
  left: 0; }

#LoggedIn.noshowupgradetopro img.UpgradeBg {
  display: none; }

#LoggedIn #Avatar img,
#LoggedIn #Avatar .mask,
#LoggedIn #Avatar {
  width: 100px;
  height: 100px;
  position: absolute; }

#LoggedIn #UsernameDisplay {
  position: relative;
  left: 37px;
  top: 7px;
  width: 209px;
  height: 28px;
  z-index: 3; }

#LoggedIn #UsernameDisplay h5 {
  position: relative;
  margin: 2px 0; }

#LoggedIn #Avatar {
  left: 229px;
  top: 6px;
  z-index: 110; }

#LoggedIn #Avatar .mask {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/AvatarMask.webp) top left no-repeat;
  top: 0;
  left: 0;
  z-index: 2; }

#LoggedIn #PlayNow img,
#LoggedIn #PlayNow {
  width: 88px;
  height: 32px;
  z-index: 2;
  position: absolute; }

#LoggedIn #PlayNow {
  left: 48px;
  top: 23px; }

#OverflowMask {
  top: 51px;
  left: 43px;
  width: 214px;
  position: absolute; }

#SubNav {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 214px;
  height: 24px; }

#SubNav > nav > ul {
  list-style: none;
  margin-left: 0; }

#SubNav > nav > ul li {
  position: absolute;
  display: block;
  white-space: nowrap;
  height: 15px; }

#SubNav > nav > ul > li > a {
  position: absolute;
  top: 0px;
  font-size: 10px;
  letter-spacing: 0.04em;
  -moz-transition: color 300ms;
  -webkit-transition: color 300ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 300ms;
  transition: color 300ms;
  padding: 0 10px 0 12px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SubNavMask.webp) -43px -51px no-repeat; }

#SubNav > nav > ul > li > a:hover {
  text-decoration: none;
  color: white;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  transition: color 100ms; }

#SubNav > nav > ul > li.Support {
  left: 0px; }

#SubNav > nav > ul > li.Support > a {
  padding-left: 12px;
  z-index: 21;
  width: 62px; }

#SubNav > nav > ul > li.Account {
  left: 61px; }

#SubNav > nav > ul > li.Account > a {
  background-position: -104px -51px;
  z-index: 22;
  padding: 0 11px 0 12px;
  width: 65px; }

#SubNav > nav > ul > li.Logout {
  left: 122px; }

#SubNav > nav > ul > li.Logout > a {
  background-position: -165px -51px;
  z-index: 23;
  padding-right: 12px;
  width: 80px; }

#SubNav li .DropDown {
  position: relative;
  overflow: hidden;
  left: -7px;
  top: 14px;
  font-size: 0; }

#SubNav li.CSS3 .DropDown > div {
  -moz-transition: margin-top 0.6s;
  -webkit-transition: margin-top 0.6s;
  -webkit-backface-visibility: hidden;
  -o-transition: margin-top 0.6s;
  transition: margin-top 0.6s; }

#SubNav ul li .DropDown > div {
  width: 142px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SubNavDropDownBg.webp) bottom left no-repeat;
  margin-top: -160px;
  left: 0;
  z-index: 20;
  position: relative;
  padding: 5px 0 10px 9px; }

#SubNav ul > li:hover.CSS3 .DropDown > div {
  margin-top: 0px;
  -moz-transition: margin-top 0.6s;
  -webkit-transition: margin-top 0.6s;
  -webkit-backface-visibility: hidden;
  -o-transition: margin-top 0.6s;
  transition: margin-top 0.6s; }

#SubNav ul li .Mask {
  height: 9px;
  top: 14px;
  position: absolute;
  width: 160px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SubNavMask.webp);
  background-repeat: repeat-x;
  z-index: 35;
  left: 0px;
  -moz-transition: all 0.1s  0.4s;
  -webkit-transition: all 0.1s  0.4s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 0.1s  0.4s;
  transition: all 0.1s  0.4s;
  opacity: 0.0;
  filter: alpha(opacity=0);
  background-position: -43px -65px; }

#SubNav ul li:hover > .Mask {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100); }

#SubNav ul li:hover.CSS3 > .Mask {
  visibility: visible;
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s; }

#SubNav ul li.Account .Mask {
  margin-left: -61px; }

#SubNav ul li .M1 {
  background-position: -43px -65px;
  left: 0px;
  width: 50px; }

#SubNav ul li .M2 {
  background-position: -93px -65px;
  left: 50px;
  width: 102px; }

#SubNav ul li .M3 {
  background-position: -195px -65px;
  left: 152px;
  width: 14px;
  height: 11px; }

#SubNav ul li .M4 {
  background-position: -209px -65px;
  left: 166px;
  width: 6px;
  height: 13px; }

#SubNav ul li .M5 {
  background-position: -215px -65px;
  left: 172px;
  width: 4px;
  height: 15px; }

#SubNav ul li .M6 {
  background-position: -219px -65px;
  left: 176px;
  width: 6px;
  height: 19px; }

#SubNav ul li .M7 {
  background-position: -225px -65px;
  left: 182px;
  width: 4px;
  height: 21px; }

#SubNav ul li .M8 {
  background-position: -229px -65px;
  left: 186px;
  width: 10px;
  height: 26px; }

#SubNav ul li .M9 {
  background-position: -239px -65px;
  left: 196px;
  width: 14px;
  height: 33px; }

#SubNav ul li .M10 {
  background-position: -254px -65px;
  left: 210px;
  width: 10px;
  height: 34px; }

#SubNav ul li div.DropDown ul {
  list-style: none;
  position: relative;
  z-index: 4;
  margin: 7px 0 3px 6px; }

#SubNav ul li div.DropDown ul li {
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  margin: 0;
  position: relative; }

#SubNav ul li div.DropDown li a {
  -moz-transition: color 300ms;
  -webkit-transition: color 300ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 300ms;
  transition: color 300ms;
  z-index: 3;
  top: 0;
  left: 0; }

#SubNav ul li div.DropDown li a:hover {
  color: white;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  transition: color 100ms;
  text-decoration: none; }

#LoggedIn img.Clan {
  width: 25%;
  position: absolute;
  top: 97px;
  left: 235px; }

#PlayNowWrapper {
  margin: auto;
  padding-right: 352px;
  position: relative;
  text-align: center; }

#PlayNowWrapper h1 {
  color: white;
  font-size: 25px;
  line-height: 25px;
  font-weight: normal;
  height: 25px;
  padding-top: 30px;
  text-align: center;
  width: 100%; }

#PlayNowWrapper span {
  color: white;
  display: block;
  text-align: center;
  width: 100%;
  height: 20px;
  font-size: 10px; }

#PlayNowWrapperPlayFree {
  height: 52px;
  margin: auto;
  width: 230px; }

#PlayNowWrapperPlayFB {
  height: 36px;
  margin: auto;
  width: 203px; }

select {
  background-color: #393939;
  border: 1px solid #393939;
  color: #7c7c7c;
  border-width: 1px 2px 1px 1px;
  font-family: MuseoSans500,Arial,Times New Roman,serif; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    font-family: Arial, Helvetica, FreeSans, sans-serif; } }

#PromoPoints {
  height: 19px;
  text-align: center;
  width: 215px; }

#PromoPoints a {
  width: 19px;
  height: 19px;
  overflow: hidden;
  display: inline-block; }

#PromoPoints .HoverImg.active img {
  left: -100%; }

#NewsArticles {
  margin: 13px 0 0 109px;
  position: relative; }

#NewsArticles .Article {
  width: 568px;
  position: relative;
  font-size: 12px;
  overflow: hidden;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ArticleBorder.webp) top left no-repeat;
  color: #b8b8b8;
  padding: 13px 0 20px 10px;
  height: auto; }

#NewsArticles * {
  zoom: 1; }

#NewsArticles .Article > div {
  overflow: hidden; }

#NewsArticles .NewsHeaderImage,
#NewsArticles .ArticleControl {
  position: absolute; }

#NewsArticles .NewsHeaderImage {
  top: 10px;
  left: 9px;
  z-index: -1; }

#NewsArticles .NewsHeaderImage img {
  width: 549px;
  height: 175px; }

#NewsArticles .NewsHeaderImage div {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ArticleFade.webp) bottom center no-repeat;
  height: 224px;
  left: -34px;
  position: absolute;
  top: -11px;
  width: 620px; }

#NewsArticles .ArticleControl {
  display: none; }

#NewsArticles .CollapsedMask {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/CollapsedMask.webp) top left no-repeat;
  width: 549px;
  height: 39px;
  position: absolute;
  left: 9px;
  bottom: 0;
  z-index: -1; }

#NewsArticles .ArticleControl {
  display: none;
  top: 0;
  right: 30px;
  width: 21px;
  height: 31px; }

#NewsArticles .Article img.Category {
  margin: 0;
  float: left; }

.Article .Title {
  float: left;
  margin-left: 10px;
  width: 435px; }

.Title h4 {
  margin-top: 6px;
  font-size: 24px;
  line-height: 1em;
  float: left; }

.Article .Title a:hover h4 {
  color: white;
  text-decoration: none; }

.Article .Title a:hover {
  text-decoration: none; }

.Title span {
  font-size: 11px;
  color: #9a9a9a;
  clear: left;
  line-height: 15px;
  display: block; }

.Article .Content,
.Article .Content p,
.Article .Content li {
  line-height: 23px; }

.Article .Content ul {
  margin: 10px 20px; }

.Article .Content {
  width: 540px;
  clear: both;
  float: left;
  margin: 13px 0 13px 4px; }

.Article .Content p {
  margin-bottom: 15px; }

.Article .SNbutton {
  margin-top: 6px; }

.Article a.More {
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  margin: 0px 23px 0px 0px;
  font-size: 19px;
  width: 123px;
  float: right;
  height: 31px; }

#NewsArticles .ArticleImage .Content {
  margin-top: 55px; }

#NewsArticles .ArticleCollapsed {
  height: 65px;
  margin-bottom: 0; }

.js #NewsArticles .Article .ControlMinus,
.js #NewsArticles .Article.ArticleCollapsed .ControlPlus {
  display: block; }

.js #NewsArticles .Article .ControlPlus,
.js #NewsArticles .Article.ArticleCollapsed .ControlMinus {
  display: none; }

#PlayerCount {
  position: absolute;
  text-align: center;
  left: 415px;
  top: 112px;
  font-size: 10px;
  height: 16px;
  width: 167px;
  z-index: 1;
  display: none; }

#PlayerCount p {
  position: absolute;
  width: 100%;
  left: 0; }

#PlayerCount p.bottom {
  display: none; }

#PlayerCount span {
  color: #CE9759; }

#SearchPanel {
  width: 308px;
  height: 24px;
  position: absolute;
  left: 289px;
  top: 17px;
  font-size: 11px;
  z-index: 40; }

#Search {
  color: #813810;
  height: 24px;
  line-height: 24px;
  width: 240px;
  top: 1px;
  left: -8px;
  padding: 0 10px;
  position: absolute;
  border: 0;
  font-family: MuseoSans500,Arial,Times New Roman,serif; }

#SearchButton {
  position: absolute;
  right: 0px;
  top: 3px; }

label[for] {
  cursor: pointer; }

span.Radio,
span.Radio span {
  display: inline-block; }

span.Radio {
  width: 23px;
  height: 24px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/RadioButtonShadow.webp) top left no-repeat; }

span.Radio span {
  width: 15px;
  cursor: pointer;
  height: 15px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/RadioButton.webp) top left no-repeat;
  margin: 0 4px; }

span.Radio span:hover,
span.Radio.Hover span {
  background-position: center; }

span.Radio.checked span {
  background-position: right; }

span.Checkbox,
span.Checkbox span {
  display: inline-block; }

span.Checkbox {
  width: 21px;
  height: 25px;
  margin-top: 1px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/CheckboxButtonShadow.webp) top left no-repeat; }

span.Checkbox span {
  width: 13px;
  cursor: pointer;
  height: 13px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/CheckboxButton.webp) top left no-repeat;
  margin: 2px 4px 0 4px; }

span.Checkbox span:hover, span.Checkbox.Hover span {
  background-position: -13px center; }

span.Checkbox.checked {
  background-position: right center; }

span.Checkbox.checked span {
  background-position: -26px center; }

span.Checkbox.checked span:hover, span.Checkbox.checked.Hover span {
  background-position: -39px center; }

#CrumbTrail {
  position: absolute;
  left: 267px;
  top: 142px;
  font-size: 10px;
  line-height: 0.9em;
  color: #797979;
  z-index: 1; }

#Trail {
  line-height: 15px; }

#CrumbTrail a {
  color: #CE9759;
  -moz-transition: color 300ms;
  -webkit-transition: color 300ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 300ms;
  transition: color 300ms; }

#CrumbTrail a:hover {
  color: white;
  text-decoration: none;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  transition: color 100ms; }

#CrumbTrail span {
  margin: 0 2px; }

#Nav {
  position: absolute;
  top: 0;
  left: 233px;
  width: 390px;
  height: 109px;
  z-index: 2; }

#Nav ul.MainMenu {
  list-style: none;
  z-index: 12;
  position: absolute;
  top: 66px;
  margin-left: 0; }

#Nav ul.MainMenu > li {
  position: absolute;
  display: block;
  height: 24px;
  white-space: nowrap; }

#Nav ul.MainMenu li.CSS3 div.DropDown div {
  -moz-transition: margin-top 0.6s;
  -webkit-transition: margin-top 0.6s;
  -webkit-backface-visibility: hidden;
  -o-transition: margin-top 0.6s;
  transition: margin-top 0.6s; }

#Nav ul.MainMenu li div.DropDown {
  position: relative;
  top: 0;
  overflow: hidden; }

#Nav ul.MainMenu li div.DropDown div {
  width: 149px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDownBg.webp) bottom left no-repeat;
  margin-top: -186px;
  left: 0;
  z-index: 2;
  position: relative;
  letter-spacing: .02em; }

#Nav ul.MainMenu > li:hover.CSS3 div.DropDown div {
  margin-top: 0;
  -moz-transition: margin-top 0.6s;
  -webkit-transition: margin-top 0.6s;
  -webkit-backface-visibility: hidden;
  -o-transition: margin-top 0.6s;
  transition: margin-top 0.6s; }

#Nav ul.MainMenu li div.DropDown ul {
  list-style: none;
  position: relative;
  z-index: 4;
  margin-left: 0;
  padding: 5px 0 15px 0;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDownFlourish.webp) 4px 2px no-repeat; }

#Nav ul.MainMenu li div.DropDown ul li {
  line-height: 24px;
  font-size: 16px;
  margin: 0;
  position: relative; }

#Nav ul.MainMenu li div.DropDown li a {
  -moz-transition: color 300ms;
  -webkit-transition: color 300ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 300ms;
  transition: color 300ms;
  z-index: 3;
  top: 0;
  left: 0;
  display: block;
  padding: 0 0 0 17px; }

#Nav ul.MainMenu li div.DropDown li a:hover {
  color: white;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  transition: color 100ms;
  text-decoration: none; }

#Nav ul.MainMenu > li.News {
  left: 13px;
  z-index: 20; }

#Nav ul.MainMenu > li.News > a {
  width: 65px;
  height: 35px; }

#Nav ul.MainMenu > li.TheGame {
  left: 78px;
  z-index: 22; }

#Nav ul.MainMenu > li.TheGame > a {
  width: 119px;
  height: 35px; }

#Nav ul.MainMenu > li.Community {
  left: 197px;
  z-index: 24; }

#Nav ul.MainMenu > li.Community > a {
  width: 132px;
  height: 35px; }

#Nav ul.MainMenu > li.Forum {
  left: 329px;
  z-index: 24; }

#Nav ul.MainMenu > li.Forum > a {
  width: 71px;
  height: 35px; }

#Nav ul.MainMenu > li.Forum .DropDown {
  left: -5px; }

#Nav img.Flourish {
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 2; }

#Nav ul.MainMenu li .Mask {
  height: 5px;
  top: 34px;
  position: absolute;
  width: 160px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/NavMask.webp) top left repeat-x;
  z-index: 10;
  display: block;
  left: 3px;
  -moz-transition: opacity 0.2s  0.7s;
  -webkit-transition: opacity 0.2s  0.7s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.2s  0.7s;
  transition: opacity 0.2s  0.7s;
  opacity: 0.0;
  filter: alpha(opacity=0); }

#Nav ul.MainMenu li:hover .Mask {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.1s;
  transition: opacity 0.1s; }

.HoverImg {
  display: block;
  overflow: hidden;
  position: relative;
  font-weight: normal; }

.HoverImg:hover {
  text-decoration: none; }

.HoverImg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%; }

.HoverImg:hover img, .HoverImg.Active img {
  left: -100%;
  text-indent: 100%; }

.HoverImgJs {
  display: block;
  overflow: hidden;
  position: relative;
  font-weight: normal; }

.HoverImgJs:hover {
  text-decoration: none; }

.HoverImgJs img, .HoverImgJs div {
  position: absolute;
  left: -100%;
  top: 0;
  width: 200%;
  height: 100%; }

.HoverImgJsFg {
  left: 0 !important; }

.HoverImgCss3Js img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

:hover.HoverImgCss3Js img {
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.HoverImgCss3 img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

:hover.HoverImgCss3 img {
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

*:first-child + html :hover.HoverImgCss3 img {
  display: none; }

.HoverGradient, .HoverGradient:hover {
  text-decoration: none; }

.HoverText {
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  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;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  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 * {
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  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 * {
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  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;
  -moz-transition: color 100ms;
  -webkit-transition: color 100ms;
  -webkit-backface-visibility: hidden;
  -o-transition: color 100ms;
  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; }

.PreviousButton {
  width: 100px;
  height: 44px; }

.PreviousButton .Gradient_link2 {
  top: 10px;
  left: 55px; }

.NextButton {
  width: 100px;
  height: 44px; }

.NextButton .Gradient_link2 {
  top: 10px;
  left: 14px; }

.TopNavi .HoverImgJs, .TopNavi .HoverImg,
.KingthingsNavi .HoverImgJs, .KingthingsNavi .HoverImg {
  height: 12px;
  position: absolute !important;
  right: -3px;
  top: 7px;
  width: 16px; }

.WoodenPanel {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/WoodenPanelLeft.webp) no-repeat left top;
  padding: 10px 0 10px 20px;
  overflow: visible;
  cursor: pointer; }

.ArrowWrapper {
  height: 44px;
  position: absolute;
  width: 100px;
  overflow: hidden;
  top: 0;
  display: block;
  z-index: 2;
  right: -23px; }

.ArrowWrapper.arrowLeft {
  left: -17px;
  top: -2px; }

.WoodenPanel .PanelRight {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/WoodenPanelRight.webp) no-repeat scroll left top transparent;
  width: 29px;
  height: 47px;
  position: absolute;
  top: 0;
  right: -29px; }

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://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/underscore_middle.webp) 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://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/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://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/flourish_inner_right.png) no-repeat top right;
  float: right; }

h3.DoubleFlourish span.centreFlourish {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/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; }

.FlatHeader {
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  color: #f3b13f;
  letter-spacing: 0.03em;
  font-weight: normal;
  line-height: 0.9em; }

span.SNbutton {
  position: relative;
  height: 20px;
  line-height: 20px;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  color: #dadada;
  font-size: 11px;
  text-shadow: 1px 1px 3px #38480d;
  cursor: pointer;
  float: left; }

span.SNbutton .left {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SNleft.png) no-repeat;
  width: 22px;
  height: 20px;
  float: left;
  margin-right: 42px; }

span.SNbutton .middle {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SNback.png) repeat-x;
  height: 20px;
  position: absolute;
  z-index: 20;
  left: 22px;
  width: 0px;
  -moz-transition: width 0.3s linear;
  -webkit-transition: width 0.3s linear;
  -webkit-backface-visibility: hidden;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear; }

span.SNbutton .right {
  width: 40px;
  right: -41px;
  background: url(http://www.runescape.com/img/global/social/SNright.png) no-repeat;
  height: 20px;
  position: absolute;
  z-index: 2;
  top: 0;
  padding: 0 0 0 2px;
  text-align: center; }

span.SNbutton a {
  width: 20px;
  height: 20px;
  display: inline;
  float: left;
  margin: 0 1px; }

span.SNbutton.closed .middle {
  width: auto; }

span:hover.SNbutton .middle {
  width: 45px; }

span.SNbutton span.contentHolder {
  overflow: hidden;
  height: 20px;
  position: relative;
  display: inline-block;
  padding-right: 1px; }

span.SNbutton span.contentHolder {
  width: 46px; }

/* Time visibility of twitter button to coincide with the cover expanding */
span.SNbutton span.contentHolder a.twitter {
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0s linear 0.1s;
  -webkit-transition: opacity 0s linear 0.1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0s linear 0.1s;
  transition: opacity 0s linear 0.1s; }

span:hover.SNbutton span.contentHolder a.twitter {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0s linear 0.1s;
  -webkit-transition: opacity 0s linear 0.1s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0s linear 0.1s;
  transition: opacity 0s linear 0.1s; }

span.SNbutton span.SB_label {
  display: none; }

.ToolTip {
  position: absolute;
  z-index: 20;
  top: 52px;
  left: 0px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ToolTipBg.png) 0 center repeat transparent;
  border: 1px solid #a2a3a3;
  padding: 1px 8px;
  text-align: center;
  visibility: hidden; }

.csstransitions .ToolTip,
.no-csstransitions .ToolTip {
  display: block; }

.csstransitions .ToolTip {
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.2s  0.2s;
  -webkit-transition: opacity 0.2s  0.2s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.2s  0.2s;
  transition: opacity 0.2s  0.2s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 9px;
  color: #dad8d5;
  width: 62px;
  line-height: 12px; }

.no-csstransitions .ToolTip {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 6px 4px black;
  font-size: 9px;
  color: #dad8d5;
  width: 62px;
  line-height: 12px; }

div.HrTwoThirds {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/HrTwoThirds.png) center center no-repeat transparent;
  width: 518px;
  border: none;
  height: 47px;
  clear: both; }

div.HrOneThird {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/HrOneThird.png) center center no-repeat transparent;
  width: 252px;
  border: none;
  height: 60px;
  clear: both;
  margin-left: 32px; }

#SNcontainer {
  float: right;
  margin-top: -52px;
  margin-bottom: 52px;
  overflow: hidden;
  position: relative;
  width: 349px; }

#SNcontainer .error {
  color: #909090;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  font-size: 20px;
  margin: 124px 32px;
  text-align: center;
  text-shadow: 1px 1px 1px black; }

#YouTubePanel,
#DiscordPanel,
#TwitterPanel {
  width: 330px;
  float: right;
  margin: 3px 19px 0 0;
  clear: right;
  position: relative; }

#YouTubePanel {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/YoutubeBg.png) 0 0 no-repeat transparent;
  height: 352px; }

#YouTubePanel h4.title {
  color: #f3b13f;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  font-size: 1.4em;
  margin: 15px 0 0 38px; }

#YouTubeEmbed {
  width: 246px;
  height: 159px;
  margin: 46px 0 0 42px; }

#DiscordPanel {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/KbyD3ED.png) 0 0 no-repeat transparent;
  height: 451px; }

#TwitterPanel {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/AHW5H6V.png) 0 0 no-repeat transparent;
  height: 471px; }

#DiscordPanel #FacebookFeedHolder,
#TwitterPanel #TwitterFeedHolder {
  width: 260px;
  margin: 29px 0 0 22px;
  overflow-x: hidden;
  overflow-y: hidden; }

#TwitterPanel #TwitterFeedHolder {
  height: 324px;
  width: 260px; }

#DiscordPanel #FacebookFeedHolder {
  height: 304px; }

#DiscordPanel .article,
#TwitterPanel .tweet {
  position: relative;
  width: 260px; }

#DiscordPanel .article img.avatar,
#TwitterPanel .tweet img.avatar {
  height: 48px;
  width: 48px;
  left: 16px;
  position: absolute;
  top: 2px;
  z-index: 2;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

#DiscordPanel .article .picture {
  float: left;
  margin: 0px 0 0 72px;
  max-width: 190px; }

#DiscordPanel .article a,
#TwitterPanel .tweet a {
  text-decoration: none; }

#DiscordPanel .article .AuthorAndTime,
#TwitterPanel .tweet .AuthorAndTime {
  display: block;
  width: 189px;
  overflow: hidden;
  float: right;
  text-align: left; }

#DiscordPanel .article .author,
#TwitterPanel .tweet .author {
  color: #f3b13f;
  float: left;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  font-size: 16px;
  margin: 0px 6px 0 0;
  font-weight: normal;
  letter-spacing: 0.04em; }

#DiscordPanel .article .date,
#TwitterPanel .tweet .date {
  color: #707070;
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin: 1px 0 0; }

#DiscordPanel .article p,
#TwitterPanel .tweet p {
  clear: left;
  color: #b8b8b8;
  font-size: 0.97em;
  line-height: 1.3em;
  margin: 16px 0 0 72px; }

#DiscordPanel .article p a,
#TwitterPanel .tweet p a {
  color: #38C8F7; }

#DiscordPanel div.HrOneThird,
#TwitterPanel div.HrOneThird {
  height: 10px;
  margin: 14px 10px 11px; }

#TwitterPanel h3.Gradient,
#DiscordPanel h3.Gradient,
#YouTubePanel h3.Gradient {
  margin: 13px 0 0 76px; }

#TwitterPanel .article,
#YouTubePanel .article {
  margin: 13px 0 0 32px;
  background-color: green;
  opacity: 0.30;
  filter: alpha(opacity=30);
  color: #b8b8b8; }

#TwitterFeedLink,
#FacebookWallLink,
#YouTubeLink {
  position: absolute;
  left: 34px;
  bottom: 37px;
  top: auto; }

span.FacebookLike,
span.TwitterTweet {
  float: left;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  color: blue;
  margin: 1px 8px;
  display: none;
  max-width: 300px; }

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
  left: -240px !important;
  top: -80px !important; }

.BarTwoThirdsTop {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarTwoThirdsTop.png) top left no-repeat;
  width: 542px;
  height: 59px;
  float: left;
  margin: 12px 0 0; }

.BarFullTop {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarFullTop.png) top left no-repeat;
  width: 854px;
  height: 69px;
  float: left;
  margin: 12px 0 0 73px; }

.BarTwoThirdsBottom {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarTwoThirdsBottom.png) top left no-repeat;
  width: 542px;
  height: 69px;
  float: left;
  margin: 12px 0 0; }

.BarFullBottom {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarFullBottom.png) top left no-repeat;
  width: 854px;
  height: 69px;
  float: left;
  margin: 12px 0 0 73px; }

div.PageControl {
  list-style-type: none;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarTwoThirdsBottom.png) top left no-repeat;
  margin: 25px 0 0;
  float: left;
  width: 542px;
  height: 54px;
  padding-top: 12px;
  text-align: center; }

div.PageControl.Full {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarFullBottom.png) top left no-repeat;
  margin: 25px 0 0 73px;
  width: 854px;
  height: 51px;
  padding-top: 18px; }

div.PageControl a.Prev, div.PageControl .Prev {
  float: left;
  margin: 1px 0 0 18px; }

div.PageControl.Full a.Prev, div.PageControl.Full .Prev {
  margin: 1px 0 0 220px; }

div.PageControl a.Next, div.PageControl .Next {
  float: right;
  margin: 1px 18px 0 0; }

div.PageControl.Full a.Next, div.PageControl.Full .Next {
  margin: 1px 220px 0 0; }

div.PageControl ul li {
  height: 20px;
  display: inline-block;
  list-style-type: none;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  font-size: 20px;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  margin: 0 5px; }

*:first-child + html div.PageControl ul li {
  margin: 0 2px;
  display: inline; }

div.PageControl ul li a {
  text-shadow: 0px 1px 1px black;
  height: 20px;
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  display: inline-block;
  line-height: 20px;
  text-decoration: none;
  display: block;
  color: #b8b8b8; }

div.PageControl ul {
  margin: 0; }

div.PageControl ul li.wide a {
  background-position: left 20px; }

div.PageControl ul li.currentWide,
div.PageControl ul li.current {
  background-position: left 120px;
  color: #f3b13f; }

div.PageControl ul li.currentWide {
  background-position: left 40px; }

div.PageControl ul li.ellipses,
div.PageControl ul li.blank {
  background-image: none !important;
  color: #b8b8b8; }

div.PageControl ul li.next,
div.PageControl ul li.next a {
  background-position: left 140px; }

div.PageControl ul li.nextDisabled {
  background-position: left top; }

div.PageControl ul li.previous a {
  background-position: left 80px; }

div.PageControl ul li.previousDisabled {
  background-position: left 60px; }

div.PageControl ul li a:hover {
  background-position: right 100px;
  color: white; }

div.PageControl ul li.wide a:hover {
  background-position: right 20px;
  color: white; }

div.PageControl ul li.next a:hover {
  background-position: right 140px; }

div.PageControl ul li.previous a:hover {
  background-position: right 80px; }

.PageControlDots .Prev {
  float: left; }

.PageControlDots .Next {
  float: right; }

.PageControlDots .buttons {
  float: left;
  width: 330px;
  padding-top: 6px; }

.PageControlDots .buttons a {
  height: 15px;
  width: 12px;
  margin: 0 0 0 8px;
  float: left; }

.PageControlDots .Prev {
  float: left; }

.PageControlDots .Next {
  float: right; }

.PageControlDots .buttons {
  float: left;
  padding-top: 6px;
  padding-right: 5px; }

.PageControlDots .buttons a {
  height: 15px;
  width: 12px;
  margin: 0 0 0 8px;
  float: left; }

div.PageControlAdvanced {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/BarFullBottom.png?1) top left no-repeat;
  margin: 0 0 0 73px;
  width: 854px;
  height: 58px;
  float: left;
  padding-top: 11px;
  text-align: center; }

div.PageControlAdvancedMiddle {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/List_bg.png?1) top left no-repeat;
  overflow: hidden;
  width: 345px;
  height: 37px;
  float: left;
  margin: 0 100px; }

div.PageControlAdvancedMiddle ul {
  list-style-type: none;
  margin: 7px 5px;
  overflow: hidden; }

div.PageControlAdvancedMiddle ul li,
div.PageControlAdvancedMiddle ul li a {
  display: block; }

div.PageControlAdvancedMiddle ul li {
  float: left;
  text-align: center;
  width: 35px;
  height: 23px; }

div.PageControlAdvancedMiddle ul li .PageInput input,
div.PageControlAdvancedMiddle ul li a {
  text-align: center; }

div.PageControlAdvancedMiddle ul li .PageInput {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/Input_bg.png?1) top left no-repeat;
  width: 32px;
  height: 23px;
  overflow: hidden;
  margin: auto; }

div.PageControlAdvancedMiddle ul li .PageInput input {
  border: none;
  background: none;
  height: 15px;
  font-size: 13px;
  color: white;
  margin-top: 5px;
  font-family: Arial,Verdana,FreeSans,sans-serif;
  width: 100%; }

div.PageControlAdvancedMiddle ul li a {
  font-size: 20px;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  margin: 4px 0 0 0;
  color: #f3b13f;
  text-shadow: 0px 1px 1px black;
  width: 100%;
  line-height: 20px;
  text-decoration: none; }

div.PageControlAdvancedMiddle ul li a:hover {
  color: white; }

div.PageControlAdvancedMiddle ul li.PageControlAdvancedEllipse {
  width: 10px; }

div.PageControlAdvancedMiddle ul li.PageControlAdvancedEllipse a {
  font-size: 15px;
  letter-spacing: 1px; }

div.PageControlAdvancedRight,
div.PageControlAdvancedLeft {
  width: 139px;
  height: 37px;
  overflow: hidden;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/Arrow_bg.png?1);
  background-repeat: no-repeat; }

div.PageControlAdvancedRight .PageControlAdvancedDisabled,
div.PageControlAdvancedLeft .PageControlAdvancedDisabled,
div.PageControlAdvancedRight a,
div.PageControlAdvancedLeft a {
  width: 31px;
  height: 31px;
  overflow: hidden;
  margin-top: 5px; }

div.PageControlAdvancedRight a,
div.PageControlAdvancedLeft a {
  display: block; }

div.PageControlAdvancedRight .PageControlAdvancedDisabled,
div.PageControlAdvancedLeft .PageControlAdvancedDisabled {
  position: relative; }

div.PageControlAdvancedRight .PageControlAdvancedDisabled img,
div.PageControlAdvancedLeft .PageControlAdvancedDisabled img {
  height: 300%;
  top: -200%;
  position: absolute;
  left: -100%;
  width: 200%; }

div.PageControlAdvancedRight .PageControlAdvancedDisabled img,
div.PageControlAdvancedLeft .PageControlAdvancedLast.PageControlAdvancedDisabled img {
  left: 0; }

div.PageControlAdvancedRight a.HoverImgJs img,
div.PageControlAdvancedRight a.HoverImg img,
div.PageControlAdvancedLeft a.HoverImgJs img,
div.PageControlAdvancedLeft a.HoverImg img {
  height: 300%; }

div.PageControlAdvancedRight {
  float: right;
  text-align: right;
  background-position: top right; }

div.PageControlAdvancedRight a,
div.PageControlAdvancedRight div {
  float: right; }

div.PageControlAdvancedRight .PageControlAdvancedLast {
  margin-right: 2px;
  margin-left: 9px; }

div.PageControlAdvancedRight .PageControlAdvancedLast.PageControlAdvancedDisabled img {
  left: -100%; }

div.PageControlAdvancedLeft {
  float: left;
  text-align: left;
  background-position: top left; }

div.PageControlAdvancedLeft .PageControlAdvancedLast {
  margin-left: 2px;
  margin-right: 9px;
  float: left; }

.PageControlAdvancedLast img {
  top: -100%; }

.FilterControl {
  position: absolute;
  top: 118px;
  left: 0px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FilterControlBg.png) top right no-repeat;
  z-index: 10;
  height: 400px;
  width: 90px; }

.FilterControlVisible,
.FilterControlMask {
  height: 100%; }

.FilterControlVisible {
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  overflow: hidden; }

.FilterControlMask {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FilterControlMask.png) top right no-repeat;
  position: absolute;
  top: 0;
  right: -4px;
  width: 30px;
  overflow: hidden;
  z-index: 10; }

.FilterControlSemaphore {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FilterControlSemaphore.png) top left no-repeat;
  width: 65px;
  height: 25px;
  position: absolute;
  top: 26px;
  left: 20px;
  z-index: 5; }

.FilterControlVisible ul {
  list-style: none;
  margin: 52px 0 0 15px; }

.FilterControlVisible ul li {
  position: relative;
  width: 56px;
  height: 50px;
  display: block;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/TabBg.png) no-repeat top left;
  margin-bottom: 9px;
  margin-left: 10px;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  box-shadow: 0px 4px 4px black; }

.FilterControlVisible ul li:hover {
  margin-left: 0;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

.FilterControl a {
  position: absolute;
  width: 100%;
  height: 100%; }

.FilterControl img {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%; }

.csstransitions .FilterControlVisible ul li:hover .ToolTip {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -moz-transition: opacity 0.2s  0.6s;
  -webkit-transition: opacity 0.2s  0.6s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.2s  0.6s;
  transition: opacity 0.2s  0.6s; }

.no-csstransitions .FilterControlVisible ul li:hover .ToolTip {
  visibility: visible; }

.FilterControlVisible ul li.selected {
  margin-left: 0; }

.IE7 .ToolTip {
  bottom: -5px;
  left: auto;
  right: 2px;
  top: auto;
  width: 50px; }

.LanguageButtonSurround {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LanguageButtonSurround.png) 0 0 no-repeat transparent;
  width: 98px;
  height: 52px;
  position: absolute;
  top: -1px;
  left: 630px; }

.LanguageButton {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LanguageButtonBg.png) top left no-repeat transparent;
  width: 57px;
  height: 25px;
  position: relative;
  cursor: pointer;
  left: 14px;
  top: 9px;
  display: block; }

.LanguageButton img.SelectedLang {
  position: absolute;
  left: 4px;
  top: 4px;
  z-index: 4; }

.LanguageButton img.foreground {
  position: absolute;
  top: 0;
  left: 0;
  -moz-transition: opacity 0.5s; }

.LanguageButton:hover img.foreground {
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.LanguagePanel {
  cursor: default;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LanguagePanelTop.png) left 31px no-repeat transparent;
  top: 2px;
  width: 186px;
  overflow: hidden;
  position: relative;
  z-index: 3;
  float: left;
  margin: -9px 0 0 -64px;
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  height: 0; }

.LanguageButton:hover {
  height: 200px; }

.LanguageButton:hover .LanguagePanel,
.LanguageButton .LanguagePanel:hover {
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
  height: auto; }

.LanguagePanel .bottom {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LanguagePanelFoot.png) bottom left no-repeat transparent;
  overflow: hidden; }

.LanguagePanel .bottom ul {
  list-style: none;
  margin: 37px 0 5px 0;
  overflow: hidden; }

.LanguagePanel .bottom ul li {
  display: block;
  width: 38px;
  height: 22px;
  float: left;
  margin: 0 4px 0 3px;
  position: relative;
  cusror: pointer;
  opacity: 0.0;
  filter: alpha(opacity=0);
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.LanguageButton:hover .LanguagePanel .bottom ul li,
.LanguageButton .LanguagePanel:hover .bottom ul li {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.5s  0.3s;
  -webkit-transition: opacity 0.5s  0.3s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s  0.3s;
  transition: opacity 0.5s  0.3s; }

.LanguagePanel .bottom ul li a {
  width: 100%;
  height: 100%; }

.LanguagePanel .bottom ul li a img.flag {
  position: absolute;
  left: 4px;
  top: 4px; }

.LanguagePanel .bottom ul li a img.LanguageArrow {
  position: absolute;
  left: 29px;
  top: 3px;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0.0;
  filter: alpha(opacity=0); }

.LanguagePanel .bottom ul li:hover a img.LanguageArrow {
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  -webkit-backface-visibility: hidden;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
  filter: alpha(opacity=100); }

.TransparentBg {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/transLeft.png) repeat-x scroll 0 0 transparent;
  display: inline-block;
  height: 30px;
  padding-left: 5px;
  float: left; }

.MenuItemTransparentBg {
  display: inline-block; }

.TransparentText {
  left: 6px;
  line-height: 30px;
  position: relative;
  text-align: center;
  z-index: 2;
  padding: 6px 5px 4px 5px; }

.ie .TransparentText {
  padding: 8px 5px 2px 5px; }

.TransparentBgLeft {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/transRight.png);
  display: inline-block;
  height: 30px;
  position: relative;
  width: 15px;
  float: left; }

.MenuItemTransparentBg .Gradient_link4 * {
  color: #939393; }

.MenuItemTransparentBg .Gradient_link4 .g1 {
  color: #A8A8A8; }

.MenuItemTransparentBg .Gradient_link4 .g2 {
  color: #BFBFBF; }

.MenuItemTransparentBg .Gradient_link4 .g3 {
  color: #D4D4D4; }

.MenuItemTransparentBg .Gradient_link4 .g4 {
  color: #ECECEC; }

.MenuItemTransparentBg .Gradient_link4 .g5 {
  color: #FFFFFF; }

.OrnamentalBox {
  position: relative;
  overflow: hidden;
  *padding-bottom: 89px; }

.OrnamentalBoxTop,
.OrnamentalBoxBottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent center top no-repeat; }

.OrnamentalBoxBg {
  position: relative;
  top: 0;
  *top: 89px;
  width: 100%;
  margin: 89px 0 44px;
  padding: 1px 0 0;
  background: transparent center top repeat-y;
  z-index: 1; }

.OrnamentalBoxContent {
  position: relative;
  top: 21px;
  margin-top: -37px;
  min-height: 100px;
  overflow: hidden; }

.OrnamentalBoxBottom {
  top: auto;
  bottom: 0;
  background-position: center bottom; }

.OrnamentalBoxTitle {
  width: 100%;
  left: 0;
  top: 18px;
  position: absolute; }

.OrnamentalBoxTitle *, .OrnamentalBoxTitle .NoFlourish * {
  margin: 0 !important; }

.OrnamentalBox.Width311.SegmentOne {
  width: 311px; }

.OrnamentalBox.Width311.SegmentOne .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox311SOne_middle.png); }

.OrnamentalBox.Width311.SegmentOne .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox311SOne_bottom.png); }

.OrnamentalBox.Width311.SegmentOne .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox311SOne_top.png); }

.OrnamentalBox.Width417.SegmentOne {
  width: 417px; }

.OrnamentalBox.Width417.SegmentOne .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox417SOne_middle.png); }

.OrnamentalBox.Width417.SegmentOne .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox417SOne_bottom.png); }

.OrnamentalBox.Width417.SegmentOne .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox417SOne_top.png); }

.OrnamentalBox.Width450.SegmentOne {
  width: 450px; }

.OrnamentalBox.Width450.SegmentOne .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox450SOne_middle.png); }

.OrnamentalBox.Width450.SegmentOne .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox450SOne_bottom.png); }

.OrnamentalBox.Width450.SegmentOne .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox450SOne_top.png); }

.OrnamentalBox.Width823.SegmentTwo {
  width: 823px; }

.OrnamentalBox.Width823.SegmentTwo .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox823STwo_middle.png); }

.OrnamentalBox.Width823.SegmentTwo .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox823STwo_bottom.png); }

.OrnamentalBox.Width823.SegmentTwo .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox823STwo_top.png); }

.OrnamentalBox.Width863.SegmentOne {
  width: 863px; }

.OrnamentalBox.Width863.SegmentOne .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox863SOne_middle.png); }

.OrnamentalBox.Width863.SegmentOne .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox863SOne_bottom.png); }

.OrnamentalBox.Width863.SegmentOne .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox863SOne_top.png); }

.OrnamentalBox.Width923.SegmentTwo {
  width: 923px; }

.OrnamentalBox.Width923.SegmentTwo .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox923STwo_middle.png); }

.OrnamentalBox.Width923.SegmentTwo .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox923STwo_bottom.png); }

.OrnamentalBox.Width923.SegmentTwo .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox923STwo_top.png); }

.OrnamentalBox.Width923.SegmentOne {
  width: 923px; }

.OrnamentalBox.Width923.SegmentOne .OrnamentalBoxBg {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox923SOne_middle.png); }

.OrnamentalBox.Width923.SegmentOne .OrnamentalBoxBottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox923SOne_bottom.png); }

.OrnamentalBox.Width923.SegmentOne .OrnamentalBoxTop {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ornamentalBox923SOne_top.png); }

.OrnamentalBox.Width417 .OrnamentalBoxTitle {
  top: 25px; }

.OrnamentalBox.Width311 .OrnamentalBoxTitle {
  top: 24px; }

.OrnamentalBox.Width311 .OrnamentalBoxContent {
  min-height: 154px; }

.OrnamentalBox.Width417 .OrnamentalBoxContent {
  min-height: 210px; }

.RaggedBox {
  width: 512px;
  position: relative;
  overflow: hidden;
  min-height: 54px; }

.RaggedBox.Full {
  width: 840px;
  margin: 0 0 0 80px; }

.RaggedBoxHeader,
.RaggedBoxTop,
.RaggedBoxBg,
.RaggedBoxBottom {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/raggedBoxTwoThirds.png) 0 top no-repeat; }

.RaggedBox.Full .RaggedBoxHeader,
.RaggedBox.Full .RaggedBoxTop,
.RaggedBox.Full .RaggedBoxBg,
.RaggedBox.Full .RaggedBoxBottom {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/raggedBoxFull.png) 0 top no-repeat; }

.RaggedBoxHeader {
  position: absolute;
  left: 0px;
  top: 0;
  height: 54px;
  width: 100%;
  z-index: 3; }

.RaggedBoxTogglyJs .RaggedBoxHeader {
  cursor: pointer; }

.RaggedBoxTitle {
  position: absolute;
  left: 0px;
  top: 2px;
  padding: 3px 0 0 40px;
  height: 37px;
  width: 100%;
  z-index: 2;
  color: #f3b13f;
  font-size: 18px;
  line-height: 36px;
  font-weight: normal;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  text-shadow: 1px 1px 1px black; }

.RaggedBoxToggle {
  display: none;
  position: absolute;
  right: 18px;
  top: 2px;
  width: 29px;
  height: 39px;
  z-index: 1; }

.RaggedBoxTogglyJs .RaggedBoxToggle {
  display: block; }

.RaggedBoxToggle img {
  height: 200%;
  top: -100%; }

.RaggedBoxClosed .RaggedBoxToggle img {
  top: 0; }

.RaggedBoxContainer {
  overflow: hidden;
  position: relative;
  top: 20px; }

.RaggedBoxBg {
  position: relative;
  top: 0;
  z-index: 1;
  margin: 47px 0 88px;
  padding: 1px 0 0;
  background-position: -1024px top;
  background-repeat: repeat-y; }

.RaggedBox.Full .RaggedBoxBg {
  position: relative;
  top: 0;
  z-index: 1;
  margin: 47px 0 88px;
  padding: 1px 0 0;
  background-repeat: repeat-y;
  background-position: -1680px top; }

.RaggedBoxTop {
  position: absolute;
  top: -36px;
  height: 95px;
  width: 100%;
  z-index: 2;
  background-position: -512px top; }

.RaggedBox.Full .RaggedBoxTop {
  top: -36px;
  height: 95px;
  width: 100%;
  background-position: -840px top; }

.RaggedBoxContent {
  position: relative;
  top: 60px;
  *top: -30px;
  margin-top: -86px;
  *margin-top: 0;
  z-index: 3;
  padding: 0 16px 0 14px;
  *overflow: hidden; }

.RaggedBoxContent {
  padding-bottom: 30px; }

.RaggedBoxBottom {
  position: absolute;
  bottom: -88px;
  height: 134px;
  width: 100%;
  z-index: 1;
  background-position: -1536px bottom;
  background-repeat: no-repeat; }

.RaggedBox.Full .RaggedBoxBottom {
  bottom: -88px;
  height: 134px;
  background-position: -2520px bottom; }

.SubNavigation {
  left: 263px;
  position: absolute;
  top: 55px; }

.SubNavigation > div, .SubNavigation > a {
  height: 30px;
  float: left; }

.SubNavigation > a {
  text-align: center;
  padding: 6px 0 0 5px;
  margin-left: 21px; }

.ie .SubNavigation > a {
  padding: 7px 0 0 5px; }

.SubNavigation > div {
  margin-right: -14px;
  padding-left: 16px; }

div.SubNavigation a:first-child {
  padding-left: 11px !important;
  margin-right: 2px !important;
  margin-left: 0 !important; }

div.SubNavigation div:first-child {
  padding-left: 0 !important;
  margin-right: -11px !important; }

#CrestWrapper {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/crestBg.png?1) no-repeat scroll 0 0 transparent;
  height: 179px;
  position: absolute;
  right: 53px;
  top: 43px;
  width: 323px;
  z-index: 2; }

#CrestWrapper img {
  margin: 22px; }

.VisitClanHome {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/chains.png) no-repeat scroll 0 0 transparent;
  height: 66px;
  padding: 30px 0 0 6px;
  position: absolute;
  right: 83px;
  top: 130px;
  width: 149px;
  z-index: -1; }

#MyProfileLeft {
  width: 514px;
  padding: 205px 0 0 117px;
  float: left; }

#MyProfileLeft h2 {
  margin: 12px 0 5px; }

#MyProfileLeft p {
  line-height: 20px;
  margin: 0;
  padding: 5px 0 0;
  color: #b8b8b8; }

#MyName {
  height: 100px;
  left: 12px;
  padding-left: 103px;
  position: relative;
  top: 30px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/clanNameBg.png) no-repeat scroll 0 0 transparent; }

#MyName b {
  display: block;
  font-size: 18px;
  left: 104px;
  position: absolute;
  top: 19px; }

#MyName .Gradient {
  left: 104px;
  margin: 0;
  position: absolute;
  top: 36px; }

.RecruitingFlag {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/recruitingBg.png) no-repeat scroll 0 0 transparent;
  height: 66px;
  position: absolute;
  right: 76px;
  top: 130px;
  width: 179px;
  z-index: -1;
  padding-top: 26px; }

.RecruitingFlag .Gradient_link3, .RecruitingFlag .Gradient_link3 * {
  width: 166px;
  display: inline-block;
  text-align: center;
  display: inline-block;
  font: 11px/12px MuseoSans500,Times New Roman,serif;
  text-align: center; }

.MyProfile .FilterControlSemaphore {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FilterControlSemaphoreClans.png);
  left: 13px; }

.MyProfile .FilterControl {
  top: 210px;
  height: 448px; }

.MyProfile .FilterControlMask {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FilterControlMask.png); }

.InputWrapper {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/InputDarkW192H21.png) no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 39px;
  position: relative;
  width: 216px; }

.EncrustedInputBoxWrapper input,
.InputWrapper input {
  color: #C15215;
  display: block;
  font-size: 11px; }

.DarkInputBoxWrapper input,
.InputWrapper input {
  color: white;
  display: block; }

.InputWrapper input {
  width: 175px;
  margin: 12px 20px; }

.EncrustedInputBoxWrapper .InputBoxLeft,
.EncrustedInputBoxWrapper .InputBoxRight {
  height: 41px; }

.DarkInputBoxWrapper .InputBoxLeft,
.DarkInputBoxWrapper .InputBoxRight {
  height: 27px; }

.EncrustedInputBoxWrapper input {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  left: 12px;
  margin: 5px 10px 0;
  position: relative;
  top: 8px; }

.DarkInputBoxWrapper input {
  background: none repeat scroll 0 0 transparent;
  margin: 7px 0 3px 8px;
  border: none;
  outline: 0; }

.EncrustedInputBoxWrapper .InputBoxLeft,
.EncrustedInputBoxWrapper .InputBoxRight,
.DarkInputBoxWrapper .InputBoxLeft,
.DarkInputBoxWrapper .InputBoxRight {
  display: inline-block;
  float: left; }

.EncrustedInputBoxWrapper .InputBoxLeft {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/inputBoxLeft.png) no-repeat scroll 0 0 transparent; }

.DarkInputBoxWrapper .InputBoxLeft {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/inputBoxLeftDark.png) no-repeat scroll 0 0 transparent; }

.EncrustedInputBoxWrapper .InputBoxRight {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/inputBoxRight.png) no-repeat scroll 0 0 transparent;
  width: 23px; }

.DarkInputBoxWrapper .InputBoxRight {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/inputBoxRightDark.png) no-repeat scroll 0 0 transparent;
  width: 10px; }

.jspVerticalBar {
  width: 12px;
  background: transparent; }

.jspTrack {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalTrackBg.png) top left repeat-y transparent; }

.jspCap,
.jspVerticalBar .jspCap {
  display: block;
  height: 9px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalCaps.png) top left no-repeat; }

.jspCapBottom,
.jspVerticalBar .jspCapBottom {
  background-position: bottom left; }

.jspDrag {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalDrag.png) 3px 0 no-repeat; }

.scroll-pane::-webkit-scrollbar {
  width: 9px; }

.scroll-pane::-webkit-scrollbar-button {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalCaps.png) no-repeat scroll left top transparent;
  height: 9px;
  cursor: pointer; }

.scroll-pane::-webkit-scrollbar-button:end {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalCaps.png) no-repeat scroll left bottom transparent; }

.scroll-pane::-webkit-scrollbar-track {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalTrackBg.png) top left repeat-y transparent;
  cursor: pointer; }

.scroll-pane::-webkit-scrollbar-track-piece {
  cursor: pointer; }

.scroll-pane::-webkit-scrollbar-thumb {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/verticalDragWebkit.png) repeat-y scroll 3px 0 transparent;
  cursor: pointer; }

.FirstLetter {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/LetterBg.png) no-repeat scroll 0 0 transparent;
  color: #A84742;
  display: block;
  float: left;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  font-size: 76px;
  line-height: 25px;
  padding: 25px 0;
  text-align: center;
  width: 93px;
  margin-left: -5px;
  text-shadow: 1px 1px 4px white;
  text-indent: -5px; }

/* Chrome/Safari Override */
/* Doesn't differ from padding from above so commented out
@media screen and (-webkit-min-device-pixel-ratio:0){
 .FirstLetter{
  padding: 25px 0;
 }
}
*/
/* Firefox Override */
@-moz-document url-prefix() {
  .FirstLetter {
    padding: 32px 0 17px; } }

/* IE Override */
html.ie .FirstLetter {
  padding: 30px 0 8px;
  line-height: 40px; }

.DropListWrapper {
  left: 8px;
  position: relative;
  width: 113px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDown100Bg.png) no-repeat scroll left bottom transparent;
  cursor: pointer; }

.InPageDropDown {
  position: absolute;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDownWrapperBg.png) no-repeat scroll 0 0 red;
  display: block;
  padding: 0;
  position: absolute;
  width: 130px;
  overflow: hidden;
  height: 45px; }

.InPageDropDown .Mask,
.InPageDropDown .Shine,
.InPageDropDown .ArrowDown {
  display: block;
  margin: 0;
  padding: 0; }

.InPageDropDown .Mask,
.InPageDropDown .Shine {
  height: 11px;
  position: absolute;
  top: 0;
  left: 0;
  width: 136px; }

.InPageDropDown .ArrowDown {
  height: 313px;
  position: absolute;
  right: 5px;
  bottom: 7px;
  width: 24px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/arrowDown.png) no-repeat scroll 0 bottom transparent;
  z-index: 1; }

.DropListWrapper {
  top: -48px; }

.InPageDropDown .Shine {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/shine.png) no-repeat scroll 0 0 transparent;
  z-index: 3;
  opacity: 0.0;
  filter: alpha(opacity=0); }

.InPageDropDown .Mask {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/dropDownMask.png) no-repeat scroll center 0 transparent;
  z-index: 2; }

.InPageDropDown .Mask.dark {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/dropDownMask_dark.png); }

.InPageDropDown .Flourish {
  left: 4px;
  position: absolute;
  top: 11px; }

.InPageDropDown li {
  list-style: none outside none;
  position: relative;
  margin: 0;
  padding: 2px 10px; }

.InPageDropDown li:hover {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/listItemBg.png) no-repeat right 1px transparent; }

.InPageDropDown li input {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  cursor: pointer;
  text-indent: -200px;
  font-size: 0;
  line-height: 0;
  display: block;
  border: none; }

.InPageDropDown ul, .InPageDropDown .firstValue {
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  font-size: 11px;
  line-height: 1.5em; }

.InPageDropDown ul {
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 15px 5px 10px; }

.InPageDropDown .firstValue {
  bottom: 0;
  color: #d7d7d7;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0 15px 12px; }

.InPageDropDown a {
  color: #d7d7d7; }

.InPageDropDown a:hover {
  text-decoration: none; }

div.InPageDropDown .DropListWrapper {
  -moz-transition: top 300ms ease 400ms;
  -webkit-transition: top 300ms ease 400ms;
  -webkit-backface-visibility: hidden;
  -o-transition: top 300ms ease 400ms;
  transition: top 300ms ease 400ms; }

div.InPageDropDown:hover .Shine {
  opacity: 1;
  filter: alpha(opacity=100); }

div.InPageDropDown.CSS3:hover .DropListWrapper,
div.InPageDropDown.NoJS:hover .DropListWrapper {
  top: -5px; }

div.InPageDropDown:hover .firstValue {
  display: none; }

div.InPageDropDown:hover ul {
  visibility: visible; }

.InPageDropDown.CSS3:hover {
  -moz-transition: height   400ms;
  -webkit-transition: height   400ms;
  -webkit-backface-visibility: hidden;
  -o-transition: height   400ms;
  transition: height   400ms; }

.InPageDropDown.NoJS:hover,
.InPageDropDown.CSS3:hover {
  height: auto !important; }

.InPageDropDown input {
  border: none; }

.InPageDropDownNew .DropListWrapper {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDown100Bg.png) no-repeat scroll left bottom transparent;
  cursor: pointer;
  left: 8px;
  position: relative;
  width: 113px; }

.InPageDropDownNew .Flourish {
  left: 4px;
  position: absolute;
  top: 9px; }

.InPageDropDownNew li {
  list-style: none outside none;
  position: relative;
  margin: 0;
  height: 18px;
  line-height: 18px;
  padding: 0 0 0 10px; }

.InPageDropDownNew li:hover {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/ListItemBg.png) no-repeat scroll right 0 transparent; }

.InPageDropDownNew .Mask {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDownMask100.png) no-repeat top center;
  width: 130px;
  height: 6px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  margin: 0;
  padding: 0; }

.InPageDropDownNew ul,
.InPageDropDownNew .firstValue {
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  font-size: 11px;
  line-height: 18px; }

.InPageDropDownNew a {
  color: #d7d7d7;
  width: 100%;
  display: block; }

.InPageDropDownNew a:hover {
  text-decoration: none; }

.InPageDropDownNew li input {
  text-indent: -1200px;
  border: medium none;
  font-size: 0;
  height: 100%;
  left: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
  cursor: pointer;
  line-height: 0;
  background: black;
  opacity: 0.0;
  filter: alpha(opacity=0); }

.InPageDropDownNew .firstValue {
  bottom: 0;
  color: #d7d7d7;
  position: absolute;
  visibility: visible;
  margin: 0;
  padding: 0 15px 12px; }

.InPageDropDownNew.CSS3 .firstValue {
  -moz-transition: visibility 0s ease 400ms;
  -webkit-transition: visibility 0s ease 400ms;
  -webkit-backface-visibility: hidden;
  -o-transition: visibility 0s ease 400ms;
  transition: visibility 0s ease 400ms; }

.InPageDropDownNew:hover .firstValue {
  visibility: hidden; }

.InPageDropDownNew:hover.CSS3 .firstValue {
  -moz-transition: visibility 0s linear 0s;
  -webkit-transition: visibility 0s linear 0s;
  -webkit-backface-visibility: hidden;
  -o-transition: visibility 0s linear 0s;
  transition: visibility 0s linear 0s; }

.InPageDropDownNew ul {
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 15px 5px 11px; }

.InPageDropDownNew.CSS3 ul {
  -moz-transition: visibility 0s ease 400ms;
  -webkit-transition: visibility 0s ease 400ms;
  -webkit-backface-visibility: hidden;
  -o-transition: visibility 0s ease 400ms;
  transition: visibility 0s ease 400ms; }

.InPageDropDownNew:hover ul {
  visibility: visible; }

.InPageDropDownNew:hover.CSS3 ul {
  -moz-transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  -webkit-backface-visibility: hidden;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s; }

.InPageDropDownNew.NoJS:hover .DropListWrapper,
.InPageDropDownNew.CSS3:hover .DropListWrapper {
  top: -8px; }

.InPageDropDownNew.CSS3:hover .DropListWrapper {
  -moz-transition: top 400ms ease 0s;
  -webkit-transition: top 400ms ease 0s;
  -webkit-backface-visibility: hidden;
  -o-transition: top 400ms ease 0s;
  transition: top 400ms ease 0s; }

.InPageDropDownNew.CSS3 .DropListWrapper {
  -moz-transition: top 200ms ease 0s;
  -webkit-transition: top 200ms ease 0s;
  -webkit-backface-visibility: hidden;
  -o-transition: top 200ms ease 0s;
  transition: top 200ms ease 0s;
  top: auto; }

.InPageDropDownNew {
  margin-top: 4px;
  display: block;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 130px; }

.InPageDropDownNew.CSS3,
.InPageDropDownNew.NoJS {
  height: 45px; }

.InPageDropDownNew.CSS3 {
  -moz-transition: height 0s linear 800ms;
  -webkit-transition: height 0s linear 800ms;
  -webkit-backface-visibility: hidden;
  -o-transition: height 0s linear 800ms;
  transition: height 0s linear 800ms; }

.InPageDropDownNew.CSS3:hover {
  -moz-transition: height 0s linear 0s;
  -webkit-transition: height 0s linear 0s;
  -webkit-backface-visibility: hidden;
  -o-transition: height 0s linear 0s;
  transition: height 0s linear 0s; }

.InPageDropDownNew.width150 {
  width: 180px; }

.InPageDropDown.width150 {
  width: 170px; }

.InPageDropDown.width150 li:hover {
  background-position: -65px 0; }

.InPageDropDownNew.width150 ul {
  padding: 15px 8px 11px 5px; }

.InPageDropDownNew.width150 .DropListWrapper {
  width: 160px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDown150Bg.png);
  left: 10px; }

.InPageDropDown.width150 .DropListWrapper {
  width: 160px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDown150Bg.png); }

.InPageDropDownNew.width150 .Mask {
  width: 180px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/dropDownMask150.png); }

.InPageDropDown.width150 .Mask {
  width: 170px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/dropDownMask150_dark.png); }

.InPageDropDown.width150 .Shine {
  width: 170px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/shine150.png); }

.InPageDropDownNew.width200 {
  width: 230px; }

.InPageDropDownNew.width200 ul {
  padding: 15px 2px 11px 5px; }

.InPageDropDown.width200 {
  width: 225px; }

.InPageDropDown.width200 li:hover {
  background-position: 0 1px; }

.InPageDropDownNew.width200 .DropListWrapper {
  width: 215px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDown200Bg.png);
  left: 5px; }

.InPageDropDown.width200 .DropListWrapper {
  width: 215px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/DropDown200Bg.png); }

.InPageDropDownNew.width200 .Mask {
  width: 230px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/dropDownMask200.png); }

.InPageDropDown.width200 .Mask {
  width: 225px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/dropDownMask200_dark.png); }

.InPageDropDown.width200 .Shine {
  width: 225px;
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/shine200.png); }

.OpenShadowbox {
  display: none; }

#SocialNetworkingLogin {
  display: none; }

.js #SocialNetworkingLogin {
  display: block; }

#ModalFacebookWrapper {
  display: block; }

.ModalLogin {
  width: 429px;
  height: 235px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/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: 75px; }

.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://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/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; }

.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; }

.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: 78px;
  width: 170px; }

.ModalLogin .PasswordLink:hover {
  text-decoration: none; }

div.GoodAttention,
div.Attention {
  width: 800px;
  height: 31px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/alertBadBg.png) top center no-repeat;
  clear: both;
  color: #aa321b;
  margin: 80px 100px 0;
  padding: 18px 0 0 0;
  text-align: center;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  font-size: 18px; }

div.GoodAttention {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/alertGoodBg.png) top left no-repeat;
  color: #48964a; }

.Attention .Button29,
.GoodAttention .Button29 {
  margin-left: 12px;
  vertical-align: -3px; }

.RaggedBoxContent div.GoodAttention,
.RaggedBoxContent div.Attention {
  margin-left: 0; }

div.FlexiAttention,
div.FlexiAttention .top,
div.FlexiAttention .bottom {
  background-image: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FlexiAlert.png); }

div.FlexiAttention {
  background-position: -2148px 0px;
  background-repeat: repeat-y;
  width: 716px;
  clear: both;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  font-size: 18px;
  margin: 80px 142px 0;
  text-align: center;
  color: #48964A; }

div.FlexiAttention .top {
  background-position: 0px top;
  background-repeat: no-repeat;
  height: 100%; }

div.FlexiAttention .bottom {
  background-position: -716px bottom;
  background-repeat: no-repeat;
  min-height: 60px;
  height: 100%;
  padding: 12px 0; }

div.FlexiAttention.Bad {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/FlexiAlert.png) -1432px 0px repeat-y;
  color: #AA321B; }

.TipBubble-Parent {
  cursor: pointer;
  position: relative; }

.TipBubble {
  padding: 0 15px;
  margin-top: -30px;
  bottom: -87px;
  right: -30px;
  position: absolute;
  width: 152px;
  height: 77px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/TipBubble.png) no-repeat center top;
  z-index: 1;
  display: none;
  text-align: center;
  pointer-events: none; }

.TipBubble :first-child {
  margin-top: 25px; }

.TipBubble h6:last-child {
  margin-top: 35px; }

.TipBubble-Parent h6 {
  color: #f3b13f;
  font-size: 16px;
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  margin-bottom: 3px; }

.TipBubble-Parent p {
  font-size: 10px;
  color: #fff;
  margin: 0; }

.TipBubble-Parent:hover {
  position: relative;
  z-index: 10; }

.TipBubble-Parent:hover .TipBubble {
  display: block; }

.TipBubble-Parent:hover .TipBubble:hover {
  display: none; }

.ErrorBubble {
  position: absolute;
  z-index: 20;
  width: 146px;
  font-size: 13px;
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  color: white;
  display: none;
  font-size: 10px; }

.ErrorBubble .top {
  height: 9px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/errorTop.png?0) transparent top right no-repeat;
  display: block; }

.ErrorBubble .middle {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/errorMiddle.png?0) transparent top right no-repeat;
  display: block;
  padding: 0 16px 0 21px;
  text-align: left;
  overflow: hidden; }

.ErrorBubble .bottom {
  height: 14px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/errorBottom.png?0) transparent top right no-repeat;
  display: block; }

table.StripeTable,
table.stripeTable {
  margin: 0 auto;
  border: 1px solid #3a3a3a; }

table.StripeTable th,
table.StripeTable td,
table.stripeTable th,
table.stripeTable td {
  text-align: left;
  padding: 4px 8px; }

table.StripeTable th,
table.stripeTable th {
  font-family: KingthingsPetrockRegular,Times New Roman,serif;
  color: #f3b13f;
  font-size: 16px;
  background-color: #323232;
  border-top: 1px solid #505050;
  padding: 4px 8px 8px; }

table.StripeTable td,
table.stripeTable td {
  font-family: MuseoSans500,Arial,Times New Roman,serif;
  font-size: 12px; }

table.StripeTable tr.Odd td,
table.stripeTable tr.odd td {
  background-color: #202020;
  border-bottom: 1px solid black;
  border-top: 1px solid #333333; }

.GenericContentFull {
  width: 800px;
  position: relative;
  margin: 0 auto; }

#contentmsg {
  background-color: #121212;
  border-left: 1px solid #3A3A3A;
  border-right: 1px solid #3A3A3A;
  clear: both;
  margin: 0 95px;
  overflow: hidden;
  width: 808px; }

#sb-loading-inner {
  height: 80px !important;
  margin-top: -40px !important;
  line-height: -24px !important;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/loadingAnimation.webp) no-repeat center center !important; }

#sb-loading-inner span {
  display: none !important; }

#TB_window {
  background-color: transparent !important; }

#Advert {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/advertLetterBoxBG.png) no-repeat scroll center center transparent;
  height: 118px;
  position: relative;
  top: 40px;
  margin-bottom: 40px; }

#Advert iframe {
  height: 90px;
  left: 127px;
  position: relative;
  top: 14px;
  width: 747px; }

.Dropdown, .Dropdown .End,
.Dropdown .Center,
.Dropdown .Beg {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline; }

.Dropdown .Beg {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/TFbeg.png) bottom no-repeat;
  height: 36px;
  width: 23px; }

.Dropdown .Center {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/TFcen.png) repeat-x;
  height: 36px;
  width: 130px; }

.Dropdown .End {
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/TFend.png) top no-repeat;
  height: 36px;
  width: 23px; }

.Drop {
  width: 176px;
  position: relative;
  z-index: 99;
  left: -22px;
  top: 4px; }

.Drop .Scroll-paneTop {
  height: 17px;
  width: 176px;
  margin-bottom: -11px;
  position: relative;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPTop.png) no-repeat; }

.Drop .scroll-pane {
  padding: 0 2px;
  width: 172px;
  height: 100px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid.png) repeat-y; }

.Drop .Scroll-paneMid {
  padding: 0 2px;
  width: 172px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid.png) repeat-y; }

.Drop .Scroll-paneBot {
  height: 17px;
  width: 176px;
  margin-top: -11px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPBot.png) no-repeat; }

.Dropdown.w100 .Center {
  width: 62px; }

.Dropdown.w100 .Drop {
  width: 100px; }

.Dropdown.w100 .Drop .Scroll-paneTop {
  width: 100px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPTop100.png) no-repeat; }

.Dropdown.w100 .Drop .scroll-pane {
  width: 100px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid100.png) repeat-y; }

.Dropdown.w100 .Drop .Scroll-paneMid {
  width: 100px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid100.png) repeat-y; }

.Dropdown.w100 .Drop .Scroll-paneBot {
  width: 100px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPBot100.png) no-repeat; }

.Dropdown.w250 .Center {
  width: 202px; }

.Dropdown.w250 .Drop {
  width: 250px; }

.Dropdown.w250 .Drop .Scroll-paneTop {
  width: 250px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPTop250.png) no-repeat; }

.Dropdown.w250 .Drop .scroll-pane {
  width: 250px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid250.png) repeat-y; }

.Dropdown.w250 .Drop .Scroll-paneMid {
  width: 250px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid250.png) repeat-y; }

.Dropdown.w250 .Drop .Scroll-paneBot {
  width: 250px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPBot250.png) no-repeat; }

.Dropdown.w300 .Center {
  width: 252px; }

.Dropdown.w300 .Drop {
  width: 300px; }

.Dropdown.w300 .Drop .Scroll-paneTop {
  width: 300px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPTop300.png) no-repeat; }

.Dropdown.w300 .Drop .scroll-pane {
  width: 300px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid300.png) repeat-y; }

.Dropdown.w300 .Drop .Scroll-paneMid {
  width: 300px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPMid300.png) repeat-y; }

.Dropdown.w300 .Drop .Scroll-paneBot {
  width: 300px;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/SPBot300.png) no-repeat; }

ul.SelectRS {
  color: #C15215;
  position: relative;
  margin: 0 !important; }

ul.SelectRS li {
  padding-left: 15px; }

.SelectedLi, ul.SelectRS li {
  overflow: hidden;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  list-style: none;
  margin: 0 !important;
  background: 0; }

.SelectedLi {
  color: #C15215;
  top: 5px;
  padding-bottom: 5px;
  width: 137px;
  z-index: 1;
  position: relative;
  background: url(https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/arrow.png) no-repeat right center; }

.w100 .SelectedLi {
  width: 70px; }

.w250 .SelectedLi {
  width: 210px; }

.w300 .SelectedLi {
  width: 260px; }

ul.SelectRS li:hover,
ul.SelectRS li.Selected {
  color: #fff;
  background-color: #373737; }

select.Replaced {
  display: none; }

.CustomPlusOne {
  float: left;
  float: left;
  overflow: hidden;
  position: relative;
  width: 20px;
  height: 21px;
  background: url("https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/GooglePlus.png"); }

.CustomPlusOneMargins {
  margin-top: 15px;
  margin-left: 4px;
  margin-right: 5px; }

.CustomPlusOne:hover {
  background-position: -24px 0px; }

.CustomPlusOne > div {
  opacity: 0.0;
  filter: alpha(opacity=0);
  z-index: 2;
  position: absolute; }

.CustomPlusOne div.Mo {
  width: 17px;
  height: 17px;
  overflow: hidden;
  left: 0px;
  opacity: 0.0;
  filter: alpha(opacity=0);
  z-index: 1;
  position: absolute; }

.FlexiBorder {
  position: relative;
  line-height: 0;
  font-size: 0;
  float: left; }

.FlexiBorder img {
  z-index: 2; }

.Orange .TL,
.Orange .TR,
.Orange .BL,
.Orange .BR {
  background-image: url("https://raw.githubusercontent.com/JesseGuerrero/web-files-darkan/master/2012/imgBorderOrangeFive.webp");
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
  width: 55%;
  height: 55%;
  z-index: 1;
  display: block;
  position: absolute; }

.FlexiBorder .TL {
  background-position: left top;
  top: 0px;
  left: 0px; }

.FlexiBorder .TR {
  background-position: right top;
  top: 0px;
  right: 0px; }

.FlexiBorder .BL {
  background-position: left bottom;
  bottom: 0px;
  left: 0px; }

.FlexiBorder .BR {
  background-position: right bottom;
  bottom: 0px;
  right: 0px; }

.Five {
  padding: 5px; }

.Five img {
  margin: 0;
  position: relative; }