.news_pagi {
  width: 100%;
  height: 50px;
  padding: 2px 25px;
  background-color: transparent;
  background-image: url(../images/texture_light_1.jpg);
  background-repeat: repeat;
  background-position: center center;
}

.news_pagi:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #191918;
  border-color: rgba(255, 255, 255, 0.03);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=1);
}
.news_pagi:after {
  width: 100%;
  height: 50% !important;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  visibility: visible !important;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#03ffffff', GradientType=1);
}
.news_pagi-left {
  width: 50%;
  height: 100%;
  float: left;
  z-index: 9;
}
.news_pagi-left span {
  color: #74716b;
  display: block;
  font-size: 10px;
  line-height: 50px;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.news_pagi-left span i {
  color: #e09e1a;
  font-style: inherit;
  font-family: ptsanscaptionbold;
}
.news_pagi-right {
  height: 100%;
  float: right;
  z-index: 9;
  line-height: 48px;
}
.news_pagi-right {
  margin: 0;
  text-align: right;
  line-height: 46px;
}
.news_pagi-right a {
  margin: 0 0 0 7px;
  padding: 3px 8px;
  display: inline-block;
  font-size: 10px;
  transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
}
.news_pagi-right a:hover {
  color: #f0a31c;
}
.news_pagi-right a:empty {
  display: none;
}
#tooltip,
.tooltip {
  color: #efefef;
  border: 1px solid #777;
  z-index: 9999999;
  border-top: 1px solid #cfcfcf;
  box-shadow: 0 0 3px #000;
  -moz-box-shadow: 0 0 3px #000;
  -webkit-box-shadow: 0 0 3px #000;
  background-color: #070c21;
  background-color: rgba(7, 12, 33, 0.9);
}
label {
  color: #9d9d9d;
  font-size: 12px !important;
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-shadow: 0 1px 1px #000, 0 0 7px rgba(0, 0, 0, 0.6);
}
select,
textarea,
input[type="file"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"] {
  color: #979797;
  padding: 6px 8px;
  font-size: 12px;
  width: 80%;
  height: auto;
  margin: 5px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -moz-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -webkit-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  font-family: ptsanscaption;
  border-width: 2px;
  border-style: solid;
  border-color: #3e3e3e;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #191919;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
select:focus,
textarea:focus,
input[type="file"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
  color: #f0a31c;
  border-color: #792121;
}
textarea {
  width: auto;
  height: auto;
  resize: vertical !important;
  transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -webkit-transition: all ease-in-out 0.3s;
}
select {
  width: 80%;
  height: auto;
  margin: 5px;
  cursor: pointer;
  text-align: left;
  text-indent: 0.01px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  text-overflow: "";
  appearance: none;
  -o-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../images/misc/select-arrow.png);
  background-repeat: no-repeat;
  background-position: 97% 13px;
}
select::-ms-expand {
  display: none;
}
select:focus {
  background-image: url(../images/misc/select-arrow.png);
  background-repeat: no-repeat;
  background-position: 97% -17px;
}
select option,
select optgroup {
  text-transform: capitalize;
  background-color: #1f1f1f;
}
input[type="file"],
input[type="text"],
input[type="email"],
input[type="password"] {
  width: 80%;
  height: auto;
  margin: 5px;
}
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 2px #0f0f0f, inset 0 0 0 100000px #191919;
  -webkit-text-fill-color: #979797;
}
input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 2px #0f0f0f, inset 0 0 0 100000px #191919;
  -webkit-text-fill-color: #f0a31c;
}
*:input-placeholder {
  color: gray;
}
*:-o-input-placeholder {
  color: gray;
}
*:-ms-input-placeholder {
  color: gray;
}
*:-moz-placeholder {
  color: gray;
}
*::-webkit-input-placeholder {
  color: gray;
}
.page_form input[type="submit"] {
  margin-top: 20px;
}
#ucp_info aside:first-child {
  background-color: transparent;
  background-image: url(../images/vertical_divider.png);
  background-repeat: no-repeat;
  background-position: right top;
}
#ucp_info aside:nth-child(3) {
  background-color: transparent;
  background-image: url(../images/vertical_divider.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#ucp_info aside:last-child {
  border-right: none !important;
}
#ucp_info td {
  font-size: 10px;
}
#ucp_info td:nth-child(2) {
  font-weight: 700;
}
#ucp_characters h1,
.online_realm_button {
  color: #766e64;
  padding: 15px;
  font-size: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 2px 0 #000;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.02);
  transition: color 0.4s, box-shadow 0.4s, background 0.4s;
  -o-transition: color 0.4s, box-shadow 0.4s, background 0.4s;
  -ms-transition: color 0.4s, box-shadow 0.4s, background 0.4s;
  -moz-transition: color 0.4s, box-shadow 0.4s, background 0.4s;
  -webkit-transition: color 0.4s, box-shadow 0.4s, background 0.4s;
}
#ucp_characters h1:hover,
.online_realm_button:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(0, 0, 0, 0.02), inset 0 -25px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.03);
}
.nice_table tr:not(:first-child) td {
  padding: 0;
}
.nice_table tr:first-child td {
  color: #a9a8a8;
  font-size: 12px;
  box-shadow: 0 1px 0 0 #000, 0 2px 0 0 #282625;
  -moz-box-shadow: 0 1px 0 0 #000, 0 2px 0 0 #282625;
  -webkit-box-shadow: 0 1px 0 0 #000, 0 2px 0 0 #282625;
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 2px 0 #000;
}
.nice_table tr:first-child td a {
  color: #a9a8a8;
}
.nice_table tr:first-child td a:hover {
  color: #c1bebe;
}
.nice_table td {
  vertical-align: middle;
  color: #8f8b82;
}
.fusioneditor {
  padding: 2px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.03);
  -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.03);
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #0b0b0b;
  background-color: rgba(0, 0, 0, 0.35);
}
.fusioneditor .fusioneditor_tools {
  zoom: 1;
  color: #3d4346;
  border: none;
  overflow: hidden;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
  line-height: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: transparent;
  background-image: url(../images/misc/bar-bg.jpg);
  background-repeat: repeat;
  background-position: top left;
}
.fusioneditor .fusioneditor_tools a {
  zoom: 1;
  border: none !important;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #262521;
  background-color: rgba(155, 150, 137, 0.08);
  transition: all 0ms;
  -o-transition: all 0ms;
  -ms-transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
}
.fusioneditor .fusioneditor_tools a:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
  background-color: #161614;
  background-color: rgba(0, 0, 0, 0.2);
}
.fusioneditor .fusioneditor_tools a:active {
  background-color: #161614;
  background-color: rgba(0, 0, 0, 0.2);
}
.fusioneditor .fusioneditor_field {
  color: #e5e4e4;
  border: 0 !important;
  margin: 5px;
  resize: none;
  cursor: text;
  padding: 0;
  font-size: 13px;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  background-color: transparent;
}
.fusioneditor .fusioneditor_field b {
  font-weight: 700;
}
.fusioneditor .fusioneditor_toolbox {
  border-top: #0b0b0b;
  border-top: 2px rgba(0, 0, 0, 0.35) solid;
}
#pm_username_autocomplete {
  width: 100% !important;
  color: #a9a8a8;
  border: none !important;
  overflow: hidden !important;
  font-size: 12px;
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3), 0 2px 0 #000;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background-color: #131313 !important;
}
#pm_username_autocomplete a {
  border: 2px #313131 solid !important;
}
#ucp_buttons {
  width: 100%;
}
#ucp_buttons a {
  margin: 0 0 18px 18px !important;
}
.search_result_character .name {
  margin: -3px 0 0 !important;
}
#armory_top h1 {
  color: #6b6b6b;
  margin: -5px 0 0 !important;
}
#armory_stats td {
  font-size: 12px !important;
}
#avatar_page center {
  color: #fff;
}
/*@font-face {
	font-family: ptsanscaption;
	src: url(../fonts/PTSans/PTSansCaption.eot);
	src: url(../fonts/PTSans/PTSansCaptiond41d.eot?#iefix) format('embedded-opentype'), url(../fonts/PTSans/PTSansCaption.woff2) format('woff2'), url(../fonts/PTSans/PTSansCaption.woff) format('woff'), url(../fonts/PTSans/PTSansCaption.ttf) format('truetype'), url(../fonts/PTSans/PTSansCaption.svg#PTSansCaption) format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: ptsanscaptionbold;
	src: url(../fonts/PTSans/PTSansCaptionBold.eot);
	src: url(../fonts/PTSans/PTSansCaptionBoldd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/PTSans/PTSansCaptionBold.woff2) format('woff2'), url(../fonts/PTSans/PTSansCaptionBold.woff) format('woff'), url(../fonts/PTSans/PTSansCaptionBold.ttf) format('truetype'), url(../fonts/PTSans/PTSansCaptionBold.svg#PTSansCaptionBold) format('svg');
	font-weight: 400;
	font-style: normal;
}
*/
* {
  margin: 0;
  padding: 0;
  outline: none;
  position: relative;
  list-style: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*,
ul,
li,
h1,
h2,
p,
b {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.8;
}
*:focus {
  outline: none;
}
html,
body {
  min-width: 1340px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.theme_havoc {
  background: #0c0607 no-repeat top center;
}
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: alpha(opacity=10);
  opacity: 0.1;
  -ms-filter: "alpha(opacity=10)";
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  content: "";
  position: absolute;
  background: #1f1f1f;
  background: -moz-linear-gradient(top, #1f1f1f 0%, #1f1f1f 43%, #151515 58%, #0c0c0c 66%, #010101 81%, #000 100%);
  background: -webkit-linear-gradient(top, #1f1f1f 0%, #1f1f1f 43%, #151515 58%, #0c0c0c 66%, #010101 81%, #000 100%);
  background: linear-gradient(to bottom, #1f1f1f 0%, #1f1f1f 43%, #151515 58%, #0c0c0c 66%, #010101 81%, #000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#000000', GradientType=0);
}
a {
  color: #d6991f;
  text-decoration: none;
}
a:hover {
  color: #f8a705;
}
img {
  border: none;
  background-color: transparent;
}
.clear {
  clear: both;
}
.border_box {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.self_clear:after {
  height: 0;
  clear: both;
  content: "";
  display: block;
  font-size: 0;
  visibility: hidden;
}
.vertical_center {
  top: 50% !important;
  transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
}
.anti_blur,
.anti_blur * {
  -webkit-transform: translateZ(0px);
}
.overflow_ellipsis,
.overflow_ellipsis * {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* vertical-align: inherit; */
}
.main_b_holder {
  width: 100%;
  height: auto;
  z-index: 6;
  display: block;
}
.main_b_holder .body_content {
  width: 1085px;
  height: auto;
  color: #8f8b82;
  margin: 0 auto;
  border: 2px #232323 solid;
  display: block;
  padding: 0 3px 3px;
  box-shadow: 0 0 28px 0 #0b0b0b;
  -moz-box-shadow: 0 0 28px 0 #0b0b0b;
  -webkit-box-shadow: 0 0 28px 0 #0b0b0b;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: transparent;
  background-image: url(../images/texture_dark_2.jpg);
  background-repeat: repeat;
  background-position: center center;
}
.main_b_holder .body_content:after {
  width: 100%;
  height: 10px;
  left: -2px;
  bottom: -2px;
  z-index: 9;
  content: "";
  padding: 0 2px;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#73000000', GradientType=0);
}
.main_b_holder .body_content .body_effects {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
}
.main_b_holder .body_content .body_effects .body-border {
  z-index: 8;
  position: absolute;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #131314;
  background-color: rgba(0, 0, 0, 0.26);
}
.main_b_holder .body_content .body_effects .body-border.top-left-to-right {
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
}
.main_b_holder .body_content .body_effects .body-border.left-top-to-bottom {
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
}
.main_b_holder .body_content .body_effects .body-border.right-top-to-bottom {
  width: 3px;
  height: 100%;
  top: 0;
  right: 0;
}
.main_b_holder .body_content .body_effects .body-border.bottom-left-to-right {
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
}
.main_b_holder .body_content .body_effects .mainside-bg {
  width: 753px;
  height: 100%;
  top: -3px;
  left: 3px;
  position: absolute;
  border-right: 3px #0c0a09 solid;
  background-color: transparent;
  background-image: url(../images/texture_light_1.jpg);
  background-repeat: repeat;
  background-position: center center;
}
.main_b_holder .body_content .body_effects .sidebar-bg {
  width: 332px;
  height: 100%;
  top: -3px;
  right: 3px;
  position: absolute;
  background-color: transparent;
  background-image: url(../images/texture_dark_3.jpg);
  background-repeat: repeat;
  background-position: center center;
}
.main_b_holder .body_content .body_effects .sidebar-bg:before {
  width: 2px;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08ffffff', endColorstr='#08ffffff', GradientType=1);
}
.topbar {
  width: 100%;
  height: 36px;
  z-index: 9;
  display: block;
  background-color: transparent;
  background-image: url(../images/misc/topbar.jpg);
  background-repeat: repeat-x;
  background-position: center center;
}
.topbar .topbar-inner {
  width: 1118px;
  height: 100%;
  margin: 0 auto;
  display: block;
  padding: 0 19px;
}
.topbar .topbar-inner .topbar-left {
  width: 70%;
  height: 100%;
  float: left;
}
.topbar .topbar-inner .topbar-right {
  width: 30%;
  height: 100%;
  float: right;
  text-align: right;
}
.topbar .topbar-inner .topbar-sep {
  width: 1px;
  height: 30%;
  margin: 0 7px;
  display: inline-block;
  border-right: 1px #292929 solid;
  vertical-align: middle;
  background-color: #3b3a3a;
}
.topbar .topbar-inner .topbar-noti {
  width: 110%;
  height: 100%;
  overflow: hidden;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.topbar .topbar-inner .topbar-noti .noti_title {
  float: left;
  color: #b12424;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.topbar .topbar-inner .topbar-noti .noti_readmore {
  float: right;
  color: #686767;
  font-size: 10px;
  line-height: 32px;
}
.topbar .topbar-inner .topbar-noti .noti_text {
  width: 1%;
  height: auto;
  padding: 0 0 0 3px;
  display: table-cell;
}
.topbar .topbar-inner .topbar-noti .noti_text p {
  color: #fff1f1;
  font-size: 12px;
  line-height: 32px;
  letter-spacing: 1px;
}
.topbar .topbar-inner .topbar-misc {
  width: 100%;
  height: 100%;
}
.topbar .topbar-inner .topbar-misc .misc_readfaq {
  color: #838383;
  display: inline-block;
  font-size: 10px;
  line-height: 32px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 0.8px;
}
.topbar .topbar-inner .topbar-misc .misc_readfaq a {
  color: #b6b6b6;
}
.topbar .topbar-inner .topbar-misc .misc_readfaq a:hover {
  color: #e0e0e0;
}
.topbar .topbar-inner .topbar-misc select {
  width: 155px;
  margin: 6px 0 0;
  padding: 0.5px 8px;
  font-size: 11px;
  transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  vertical-align: top;
  background-image: url(../images/misc/select-lang.png);
  background-position: 97% -6px;
}
.topbar .topbar-inner .topbar-misc select:focus {
  background-position: 97% -36px;
}
.topbar .topbar-inner .topbar-misc .sbHolder {
  width: 155px;
  margin: 6px 0 0;
  padding: 2.5px 8px;
  font-size: 11px;
  vertical-align: baseline;
}
.topbar .topbar-inner .topbar-misc .sbHolder .sbToggle {
  width: 25px;
  height: 16px;
  top: 2px;
  transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  background-image: url(../images/misc/select-lang.png);
  background-position: 0 -6px;
}
.topbar .topbar-inner .topbar-misc .sbHolder .sbToggle:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/select-lang.png);
  background-repeat: no-repeat;
  background-position: 0 -36px;
  transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.topbar .topbar-inner .topbar-misc .sbHolder .sbToggle.sbToggleOpen:before {
  opacity: 1;
}
.topbar .topbar-inner .topbar-misc .sbHolder .sbSelector {
  transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  line-height: 16px;
}
.topbar .topbar-inner .topbar-misc .sbHolder .sbOptions {
  top: 20px !important;
  left: -2px;
}
.header {
  width: 100%;
  height: 93px;
  z-index: 8;
  display: block;
}
.header .header-inner {
  width: 1134px;
  height: 100%;
  margin: 0 auto;
  display: block;
  background-color: transparent;
  background-image: url(../images/misc/navigation4.png);
  background-repeat: repeat;
  background-position: center center;
}
.header .header-inner .logo_holder {
  width: 190px;
  height: 150px;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
  position: absolute;
}
.header .header-inner .logo_holder h1 {
  width: 100%;
  height: 100%;
  display: block;
}
.header .header-inner .logo_holder h1 .logo {
  height: 150px;
  display: block;
  text-indent: -99999px;
  background-color: transparent;
  background-image: url(../images/shaiya_glory_logo.png);
  background-repeat: no-repeat;
  background-size: 90%;
  background-position: 50% -300%;
}
.header .header-inner .logo_holder h1 .logo:before {
  height: 167px;
  display: block;
  text-indent: -99999px;
  background-color: transparent;
  background-image: url(../images/shaiya_glory_logo.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.header .header-inner .logo_holder h1 .logo:hover:before {
  opacity: 1;
}
.header .header-inner .navigation {
  width: 100%;
  height: 100%;
  padding: 14px 10px 11px;
}
.header .header-inner .navigation .nav_menu {
  width: 46.5%;
  height: 100%;
  text-align: center;
  white-space: nowrap;
}
.header .header-inner .navigation .nav_menu > li {
  width: -webkit-calc(100%/3);
  width: expression(100%/3);
  width: -moz-calc(100%/3);
  width: -o-calc(100%/3);
  width: calc(100% / 3);
  height: 100%;
  float: left;
}
.header .header-inner .navigation .nav_menu > li > .nav_item {
  width: 100%;
  height: 100%;
  display: block;
}
.header .header-inner .navigation .nav_menu > li > .nav_item:after {
  width: 19px;
  height: 55px;
  top: 6.5px;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/nav-separator.png);
  background-repeat: no-repeat;
}
.header .header-inner .navigation .nav_menu > li > .nav_item span {
  color: #bcb7b3;
  display: block;
  font-size: 15px;
  line-height: 73px;
  font-family: ptsanscaptionbold;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
}
.header .header-inner .navigation .nav_menu > li > .nav_item span i {
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  color: #a29b96;
  overflow: hidden;
  position: absolute;
  font-size: 15px;
  font-style: inherit;
  line-height: 73px;
  font-family: ptsanscaptionbold;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
}
.header .header-inner .navigation .nav_menu > li:hover > .nav_item span {
  color: #d4d0cd;
}
.header .header-inner .navigation .nav_menu > li:hover > .nav_item span i {
  color: #b9b3ae;
}
.header .header-inner .navigation .nav_menu > li > .nav_item.nav_active span {
  color: #d38e16;
}
.header .header-inner .navigation .nav_menu > li > .nav_item.nav_active span i {
  color: #edd223;
}
.header .header-inner .navigation .nav_menu > li > .nav_item.hasSubmenu:before {
  width: 14px;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 5px;
  margin: 0 auto;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/nav-submenu-sprite.png);
  background-repeat: no-repeat;
  background-position: top right;
  transition: bottom 0.1s ease-in-out;
  -o-transition: bottom 0.1s ease-in-out;
  -ms-transition: bottom 0.1s ease-in-out;
  -moz-transition: bottom 0.1s ease-in-out;
  -webkit-transition: bottom 0.1s ease-in-out;
}
.header .header-inner .navigation .nav_menu > li:hover > .nav_item.hasSubmenu:before {
  bottom: 0;
}
.header .header-inner .navigation .nav_menu.left_area {
  float: left;
}
.header .header-inner .navigation .nav_menu.left_area > li > .nav_item:after {
  left: -9.5px;
  background-position: top left;
}
.header .header-inner .navigation .nav_menu.left_area > li:first-child > .nav_item:after {
  display: none;
}
.header .header-inner .navigation .nav_menu.right_area {
  float: right;
}
.header .header-inner .navigation .nav_menu.right_area > li > .nav_item:after {
  right: -9.5px;
  background-position: top right;
}
.header .header-inner .navigation .nav_menu.right_area > li:last-child > .nav_item:after {
  display: none;
}
.header .header-inner .navigation .dropdown-holder,
.header .header-inner .navigation .dropdown-holder:before,
.header .header-inner .navigation .dropdown-holder:after {
  background-color: transparent;
  background-image: url(../images/misc/nav-submenu-sprite.png);
  background-repeat: no-repeat;
}
.header .header-inner .navigation .dropdown-holder {
  width: auto;
  height: 38px;
  margin: 2px 0 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 9;
  position: absolute;
  visibility: hidden;
  background-repeat: repeat-x;
  background-position: bottom center;
  transition: visibility 0s ease-in-out 0.3s, opacity ease-in-out 0.3s;
  -o-transition: visibility 0s ease-in-out 0.3s, opacity ease-in-out 0.3s;
  -ms-transition: visibility 0s ease-in-out 0.3s, opacity ease-in-out 0.3s;
  -moz-transition: visibility 0s ease-in-out 0.3s, opacity ease-in-out 0.3s;
  -webkit-transition: visibility 0s ease-in-out 0.3s, opacity ease-in-out 0.3s;
}
.header .header-inner .navigation .nav_menu > li:hover > .nav_item.hasSubmenu + .dropdown-holder {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
.header .header-inner .navigation .dropdown-holder:before,
.header .header-inner .navigation .dropdown-holder:after {
  width: 26px;
  height: 38px;
  top: 0;
  content: "";
  position: absolute;
}
.header .header-inner .navigation .dropdown-holder:before {
  left: -26px;
  background-position: 0 0;
}
.header .header-inner .navigation .dropdown-holder:after {
  right: -26px;
  background-position: -31px 0;
}
.header .header-inner .navigation .dropdown-holder .dropdown-nav {
  width: 100%;
  height: 28px;
  text-align: center;
  white-space: nowrap;
}
.header .header-inner .navigation .dropdown-holder .dropdown-nav li {
  display: inline-block;
}
.header .header-inner .navigation .dropdown-holder .dropdown-nav li a {
  color: #999;
  padding: 0 7px;
  display: block;
  font-size: 12px;
  line-height: 28px;
  font-family: ptsanscaptionbold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.header .header-inner .navigation .dropdown-holder .dropdown-nav li a:hover {
  color: #c5c5c5;
}
.slider_container {
  width: 100%;
  max-width: 710px;
  height: 320px;
  top: 3px;
  margin: 0 auto 15px;
  z-index: 7;
  display: block;
  padding: 3px;
}
.slider_container:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  box-shadow: 0 0 10px 2px #040404;
  -moz-box-shadow: 0 0 10px 2px #040404;
  -webkit-box-shadow: 0 0 10px 2px #040404;
  border-bottom: 3px #131313 solid;
  background-size: 100% 100%;
  background-color: transparent;
  background-image: url(../images/misc/slider_frame.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.slider_container #slider {
  width: 100%;
  height: 100%;
}
.slider_container #slider > img {
  width: 100%;
  height: 100%;
}
.slider_container #slider .fluxslider {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.slider_container #slider .fluxslider .surface {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.slider_container #slider .fluxslider .surface:after {
  width: 125%;
  height: 65%;
  top: -10%;
  left: -10%;
  content: "";
  position: absolute;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 1%, rgba(255, 255, 255, 0.03) 100%);
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 1%, rgba(255, 255, 255, 0.03) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 1%, rgba(255, 255, 255, 0.03) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12ffffff', endColorstr='#08ffffff', GradientType=1);
  transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
}
.slider_container #slider .fluxslider .surface .caption {
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  text-align: right;
  background: 0 0;
}
.slider_container #slider .fluxslider .surface .caption:empty,
.slider_container #slider .fluxslider .surface .caption *:empty {
  display: none;
}
.slider_container #slider .fluxslider .surface .caption * {
  font-weight: 400;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 #000, 0 0 8px #262e04;
}
.slider_container #slider .fluxslider .surface .caption span {
  top: 76%;
  left: auto;
  right: 25px;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 0;
  text-transform: uppercase;
  animation: fadeDown ease-out 1s;
  -o-animation: fadeDown ease-out 1s;
  -ms-animation: fadeDown ease-out 1s;
  -moz-animation: fadeDown ease-out 1s;
  -webkit-animation: fadeDown ease-out 1s;
}
.slider_container #slider .fluxslider .surface .caption span i {
  font-style: inherit;
  font-family: ptsanscaptionbold;
}
@keyframes fadeDown {
  0% {
    top: -10%;
    opacity: 0;
  }
  100% {
    top: 76%;
    opacity: 1;
  }
}
@-o-keyframes fadeDown {
  0% {
    top: -10%;
    opacity: 0;
  }
  100% {
    top: 76%;
    opacity: 1;
  }
}
@-ms-keyframes fadeDown {
  0% {
    top: -10%;
    opacity: 0;
  }
  100% {
    top: 76%;
    opacity: 1;
  }
}
@-moz-keyframes fadeDown {
  0% {
    top: -10%;
    opacity: 0;
  }
  100% {
    top: 76%;
    opacity: 1;
  }
}
@-webkit-keyframes fadeDown {
  0% {
    top: -10%;
    opacity: 0;
  }
  100% {
    top: 76%;
    opacity: 1;
  }
}
.slider_container #slider .fluxslider .surface .caption a {
  top: 77%;
  left: auto;
  right: 25px;
  color: #00e5ff;
  display: block;
  font-size: 13px;
  animation: fadeUp ease-out 1s;
  -o-animation: fadeUp ease-out 1s;
  -ms-animation: fadeUp ease-out 1s;
  -moz-animation: fadeUp ease-out 1s;
  -webkit-animation: fadeUp ease-out 1s;
}
.slider_container #slider .fluxslider .surface .caption a:hover {
  color: #ebe9e2;
}
.slider_container #slider .fluxslider .surface .caption br {
  display: block !important;
}
@keyframes fadeUp {
  0% {
    top: 110%;
    opacity: 0;
  }
  100% {
    top: 77%;
    opacity: 1;
  }
}
@-o-keyframes fadeUp {
  0% {
    top: 110%;
    opacity: 0;
  }
  100% {
    top: 77%;
    opacity: 1;
  }
}
@-ms-keyframes fadeUp {
  0% {
    top: 110%;
    opacity: 0;
  }
  100% {
    top: 77%;
    opacity: 1;
  }
}
@-moz-keyframes fadeUp {
  0% {
    top: 110%;
    opacity: 0;
  }
  100% {
    top: 77%;
    opacity: 1;
  }
}
@-webkit-keyframes fadeUp {
  0% {
    top: 110%;
    opacity: 0;
  }
  100% {
    top: 77%;
    opacity: 1;
  }
}
.slider_container #slider .fluxslider .surface .images {
  width: 100% !important;
  height: 100% !important;
}
.slider_container #slider .fluxslider .surface .images > div {
  width: 100% !important;
  height: 100% !important;
}
.slider_container .slider_pagination {
  width: 137px;
  height: 41px;
  left: 0;
  right: 0;
  bottom: -20.5px;
  margin: 0 auto;
  z-index: 9;
  position: absolute;
}
.slider_container .slider_pagination .pagination {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  line-height: 41px;
  background-color: transparent;
  background-image: url(../images/misc/slider-btn.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.slider_container .slider_pagination .pagination li {
  width: 16px;
  height: 16px;
  top: 10px;
  color: transparent;
  margin: 0 1px !important;
  opacity: 0.9;
  font-size: 0;
  text-indent: -999999px;
  vertical-align: top;
  background-color: transparent;
  background-image: url(../images/misc/slider-btn.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.slider_container .slider_pagination .pagination li:hover {
  opacity: 1;
}
.slider_container .slider_pagination .pagination li.current {
  opacity: 1;
  background-position: bottom right;
}
/* strongwow */
.slider_container #slider .fluxslider .surface .images {
  width: 100% !important;
  height: 100% !important;
}
.slider_container #slider .fluxslider .surface .images div {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.slider_container #slider .fluxslider .surface #slider_next,
.slider_container #slider .fluxslider .surface #slider_previous {
  display: none;
}
.slider_container #slider .fluxslider .pagination {
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto !important;
  display: block;
  position: absolute;
}
.slider_container #slider .fluxslider .pagination li {
  width: 9px;
  height: 9px;
  margin: 0 3px !important;
  border: 2px #0d0d0d solid;
  font-size: 0;
  text-indent: -999999999px;
  vertical-align: middle;
  background-color: #3e3e3e;
}
.slider_container #slider .fluxslider .pagination li.current {
  background-color: #d7d7d7;
}
.slider_container .quickregister {
  width: 100%;
  height: auto;
  margin: 29px 0 0;
  position: absolute;
}
.slider_container .quickregister .quickregister_title {
  color: #fff;
  margin: 0 0 15px;
  font-size: 15px;
  font-weight: 700;
  font-family: "PT Sans";
  text-shadow: 0 0 12px #000, 1px 1px 1px #000;
  text-transform: uppercase;
}
.slider_container .quickregister .quickregister_title i {
  color: #c5c5c5;
  display: block;
  font-size: 11px;
  font-style: inherit;
  font-weight: 400;
}
.slider_container .quickregister .form_field {
  width: 100%;
  height: 35px;
  margin: 0 0 7px;
}
.slider_container .quickregister .form_field.last {
  margin: 0;
}
.slider_container .quickregister .form_field select,
.slider_container .quickregister .form_field .sbHolder,
.slider_container .quickregister .form_field input[type="text"],
.slider_container .quickregister .form_field input[type="email"],
.slider_container .quickregister .form_field input[type="submit"],
.slider_container .quickregister .form_field input[type="password"] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 8px;
  display: block;
  line-height: 35px;
}
.slider_container .quickregister .form_field input[type="submit"] {
  color: #010101 !important;
  border: none;
  font-size: 11px;
  text-align: center;
  background-color: #e39536;
}
.slider_container .quickregister .form_field input[type="submit"]:hover {
  background-color: #f99418;
}
.slider_container .quickregister .form_field .field_icon {
  width: 35px;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.slider_container .quickregister .form_field .field_icon .sw_icon {
  margin: 0 auto;
}
.slider_container .quickregister .form_field .field_icon.icon_captcha {
  width: auto;
  padding: 0 5px;
}
.slider_container .quickregister .form_field .field_icon.icon_captcha .sw_icon {
  width: auto;
  height: 25px;
  background: 0 0;
}
.countdown {
  top: 50%;
  left: 20%;
  z-index: 9;
  position: absolute;
}
.countdown .countdown_title {
  margin: 0 0 10px;
  display: block;
  text-align: right;
}
.countdown .countdown_title span {
  color: #f1eee2;
  display: block;
  font-size: 18px;
  font-style: inherit;
  line-height: 100%;
  font-family: ptsanscaptionbold;
  text-shadow: 0 0 8px rgba(34, 34, 34, 0.8), 0 2px 0 #171717;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.countdown .countdown_title span i {
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  color: #d4d1c7;
  overflow: hidden;
  position: absolute;
  font-size: 18px;
  font-style: inherit;
  line-height: 100%;
  font-family: ptsanscaptionbold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.countdown .countdown_text {
  float: right;
  margin: 0 10px 0 0;
  text-align: right;
}
.countdown .countdown_text span {
  color: #e62524;
  font-size: 10px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 0 8px rgba(34, 34, 34, 0.8), 0 2px 0 #171717;
  vertical-align: top;
  text-transform: uppercase;
}
.countdown .countdown_timer {
  width: 90px;
  height: auto;
  float: right;
}
.countdown .countdown_timer span {
  width: 28px;
  height: 35px;
  float: left;
  color: #e99b13;
  margin: 0 1px;
  display: inline-block;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  font-family: ptsanscaptionbold;
  text-shadow: 0 0 8px rgba(34, 34, 34, 0.8), 0 2px 0 #171717;
  vertical-align: middle;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#b3000000', GradientType=0);
}
.countdown .countdown_timer span i {
  left: 0;
  right: 0;
  bottom: 0;
  color: #707070;
  margin: 0 auto;
  position: absolute;
  font-size: 10px;
  font-style: inherit;
  font-family: ptsanscaption;
  text-transform: uppercase;
}
.membershipbar {
  width: 100%;
  height: 37px;
  display: block;
  background-color: transparent;
  background-image: url(../images/misc/membershipbar.jpg);
  background-repeat: repeat-x;
  background-position: center center;
}
.membershipbar:before {
  width: 100%;
  height: 20px;
  top: -2px;
  left: -5px;
  padding: 0 5px;
  content: "";
  position: absolute;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.43) 0%,
    rgba(0, 0, 0, 0.42) 39%,
    rgba(0, 0, 0, 0.17) 44%,
    rgba(0, 0, 0, 0.04) 78%,
    rgba(0, 0, 0, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.43) 0%,
    rgba(0, 0, 0, 0.42) 39%,
    rgba(0, 0, 0, 0.17) 44%,
    rgba(0, 0, 0, 0.04) 78%,
    rgba(0, 0, 0, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.43) 0%,
    rgba(0, 0, 0, 0.42) 39%,
    rgba(0, 0, 0, 0.17) 44%,
    rgba(0, 0, 0, 0.04) 78%,
    rgba(0, 0, 0, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e000000', endColorstr='#00000000', GradientType=0);
}
.membershipbar:after {
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -2px;
  content: "";
  position: absolute;
  background-color: #1c1d1a;
  background-color: rgba(255, 255, 255, 0.02);
}
.membershipbar .membershipbar-inner {
  width: 100%;
  height: 100%;
  z-index: 9;
  display: block;
}
.membershipbar .membershipbar-inner .membershipbar-left {
  width: 750px;
  height: 100%;
  float: left;
  padding: 0 28px;
}
.membershipbar .membershipbar-inner .membershipbar-left:before {
  width: 1px;
  height: 60%;
  top: 20%;
  right: 0;
  content: "";
  position: absolute;
  background-color: #191a1a;
}
.membershipbar .membershipbar-inner .membershipbar-left > div {
  width: auto;
  height: 100%;
  line-height: 37px;
}
.membershipbar .membershipbar-inner .membershipbar-right {
  width: 332px;
  /* height: 100%;
	*/
  height: 60px;
  float: right;
  padding: 0 13px;
}
/* .membershipbar .membershipbar-inner .membershipbar-right > div {
	width: auto;
	height: 100%;
	font-size: 12px;
}
*/
.membershipbar .membershipbar-inner .membershipbar-sep {
  width: 1px;
  height: 30%;
  display: inline-block;
  box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  border-right: 1px #1d1c1d solid;
  vertical-align: middle;
  background-color: #2c2c2c;
}
.membershipbar .membershipbar-inner .membershipbar-ulinks {
  float: left;
}
.membershipbar .membershipbar-inner .membershipbar-ulinks a {
  font-size: 10px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: ptsanscaptionbold;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.membershipbar .membershipbar-inner .membershipbar-ulinks a:hover {
  color: #a1a1a1;
}
.membershipbar .membershipbar-inner .membershipbar-socials {
  float: left;
}
.membershipbar .membershipbar-inner .membershipbar-socials .membershipbar-sep {
  border-color: #211111;
  background-color: #341515;
}
.membershipbar .membershipbar-inner .membershipbar-socials .social_btn {
  width: 24px;
  height: 24px;
  margin: 0 1px;
  display: inline-block;
  border-bottom: 2px #0b0b0b solid;
  vertical-align: middle;
  background-color: #191919;
  background-image: url(../images/misc/social_icons.png);
  background-repeat: no-repeat;
  transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
}
.membershipbar .membershipbar-inner .membershipbar-socials .social_btn:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 4px #101010 solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.membershipbar .membershipbar-inner .membershipbar-socials .social_btn:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #5a1d1d solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.twitter_btn {
  background-position: 0 0;
}
.facebook_btn {
  background-position: 0 -22px;
}
.discord_btn {
  background-position: 0 -44px;
}
.youtube_btn {
  background-position: 0 -66px;
}
.membershipbar .membershipbar-inner .membershipbar-socials span {
  color: #b6b6b6;
  font-size: 10px;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.membershipbar .membershipbar-inner .membershipbar-socials span i {
  color: #838383;
  font-style: inherit;
}
.membershipbar .membershipbar-inner .membershipbar-welcomemsg {
  float: left;
}
.membershipbar .membershipbar-inner .membershipbar-welcomemsg span {
  color: #bdbdbd;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.membershipbar .membershipbar-inner .membershipbar-welcomemsg span a {
  color: #c22222;
}
.membershipbar .membershipbar-inner .membershipbar-welcomemsg span a:hover {
  color: #e51111;
}
.membershipbar .membershipbar-inner .membershipbar-welcomemsg span i {
  color: #bdbdbd;
  font-style: inherit;
  font-weight: 700;
}
.membershipbar .membershipbar-inner .membershipbar-accmenu {
  float: right;
}
.membershipbar .membershipbar-inner .membershipbar-accmenu a {
  color: #12a732;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 0.3px;
  font-size: 12px;
}
.membershipbar-ulinks a {
  margin: 0 7px;
}
.membershipbar .membershipbar-inner .membershipbar-accmenu a:hover {
  color: #a1a1a1;
}
.membershipbar .membershipbar-inner .membershipbar-accmenu a.btn_red {
  color: #c52929;
}
.membershipbar .membershipbar-inner .membershipbar-accmenu a.btn_red:hover {
  color: #dc1c1c;
}
.mainside {
  width: 750px;
  float: left;
  z-index: 9;
}
.mainside .welcome_box {
  width: 100%;
  height: 430px;
  padding: 15px 2px 4px 0;
  background-size: 100% 100%;
  background-color: transparent;
  background-image: url(../images/misc/welcome-box.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.mainside .welcome_box .welcome_head {
  width: 100%;
  height: 50px;
  padding: 0 40px;
}
.mainside .welcome_box .welcome_head span {
  width: auto;
  height: 100%;
  display: inline-block;
  line-height: 50px;
}
.mainside .welcome_box .welcome_head .welcome_title {
  color: #c0bbb1;
  font-size: 14px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
}
.mainside .welcome_box .welcome_head .welcome_title:before {
  width: 100%;
  height: 10px;
  top: 15px;
  left: 0;
  z-index: 9;
  opacity: 0.8;
  content: "";
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.mainside .welcome_box .welcome_head .welcome_title i {
  color: #eea923;
  font-style: inherit;
}
.mainside .welcome_box .welcome_head .welcome_htc {
  padding: 0 0 0 30px;
}
.mainside .welcome_box .welcome_head .welcome_htc:before {
  width: 172px;
  height: 100%;
  top: 0;
  left: -20px;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/welcome_box-shadow.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.mainside .welcome_box .welcome_head .welcome_htc a {
  color: #828282;
  font-size: 10px;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  vertical-align: text-bottom;
}
.mainside .welcome_box .welcome_head .welcome_htc a:hover {
  color: #a5a5a5;
}
.mainside .welcome_box .welcome_head .welcome_readmore {
  float: right;
}
.mainside .welcome_box .welcome_head .welcome_readmore a {
  color: #ffffff;
  border: 1px #272727 solid;
  padding: 5px 15px;
  font-size: 13px;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-transform: uppercase;
  background-color: #161413;
  background-color: rgba(0, 0, 0, 0.35);
}
.mainside .welcome_box .welcome_head .welcome_readmore a:hover {
  color: #c4c4c4;
}
.mainside .welcome_box .welcome_head .welcome_readmore a:before {
  color: #e8b915;
  margin: 0 3px 0 0;
  content: "\0203A";
  position: relative;
  font-size: 16px;
  font-family: georgia, apple symbols, serif;
  vertical-align: sub;
}
.mainside .welcome_box .welcome_head .welcome_readmore a:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #0a0a0a solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.mainside .welcome_box .welcome_body {
  width: 100%;
  height: -webkit-calc(100% - 50px);
}
.mainside .welcome_box .welcome_body .welcome_content {
  width: 58%;
  height: 100%;
  color: #c0bbb1;
  overflow: hidden;
  font-size: 12px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: ptsanscaptionbold;
  letter-spacing: 0.5px;
}
.mainside .content_header {
  width: 793px;
  height: 65px;
  top: -14px;
  left: -29px;
  margin: 0 0 -34px;
  z-index: 9;
  display: block;
  padding: 16px 16px 17px 55px;
  background-color: transparent;
  background-image: url(../images/misc/content_header.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.mainside .content_header span {
  width: auto;
  height: 100%;
  color: #e9a31d;
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: 32px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.mainside .content_header span:before {
  width: 100%;
  height: 10px;
  top: 6.5px;
  left: 0;
  z-index: 9;
  opacity: 0.8;
  content: "";
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.mainside .content_header span i {
  color: #cec9bf;
  font-style: inherit;
}
.mainside .mainbox {
  width: 100%;
  height: auto;
  display: block;
  background-color: transparent;
  background-image: url(../images/texture_light_1.jpg);
  background-repeat: repeat;
  background-position: center center;
}
.mainside .mainbox:before {
  width: 100%;
  height: 153px;
  max-height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background-size: 100% 153px;
  background-color: transparent;
  background-image: url(../images/mainbox_top.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.mainside .mainbox:after {
  width: 100%;
  height: 153px;
  max-height: 100%;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background-size: 100% 153px;
  background-color: transparent;
  background-image: url(../images/mainbox_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.mainside .mainbox .mainbox-inner {
  z-index: 8;
}
.mainside .mainbox .mainbox-inner:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #21201e;
  border-color: rgba(255, 255, 255, 0.03);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=1);
}
.mainside .mainbox .mainbox-inner .mainbox-header {
  width: 100%;
  height: 67px;
  display: block;
  padding: 0 25px;
  line-height: 67px;
}
.mainside .mainbox .mainbox-inner .mainbox-body,
.page-body {
  padding: 25px;
}
.mainside .mainbox .mainbox-inner .mainbox-body .divider,
.mainside .mainbox .mainbox-inner .mainbox-body .ucp_divider {
  width: 100%;
  height: 13px;
  clear: both;
  margin: 20px auto;
  background-size: 100% auto;
  background-color: transparent;
  background-image: url(../images/divider.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.mainside .mainbox .mainbox-inner .mainbox-body .ucp_divider {
  margin: 0 auto;
  padding: 15px 0;
}
.mainside .mainbox .mainbox-inner .mainbox-body .vertical_divider {
  width: 13px;
  height: 674px;
  margin: auto 10px;
  background-color: transparent;
  background-image: url(../images/vertical_divider.png);
  background-repeat: no-repeat;
  background-position: center top;
}
.mainside .post .post-inner .post-header .post_info {
  width: auto;
  height: 100%;
  display: inline-block;
  line-height: 67px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  vertical-align: middle;
  text-transform: uppercase;
}
.mainside .post .post-inner .post-header .post_title {
  max-width: 100%;
}
.mainside .post .post-inner .post-header .post_title a {
  color: #84817b;
  display: block;
  font-size: 12px;
  line-height: 67px;
  font-family: ptsanscaptionbold;
}
.mainside .post .post-inner .post-header .post_title a:before {
  width: 100%;
  height: 10px;
  top: 23.5px;
  left: 0;
  z-index: 9;
  opacity: 0.8;
  content: "";
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.mainside .post .post-inner .post-header .post_title a i {
  color: #c4c1ba;
  font-style: inherit;
  vertical-align: baseline;
}
.mainside .post .post-inner .post-header .post_author {
  color: #918e87;
  font-size: 8px;
  font-family: ptsanscaption;
}
.mainside .post .post-inner .post-header .post_author:before {
  width: 1px;
  height: 25%;
  top: 37.5%;
  margin: 0 10px;
  content: "";
  display: inline-block;
  position: relative;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4);
  border-right: 1px #2d2c2b solid;
  vertical-align: top;
  background-color: #3d3c3b;
}
.mainside .post .post-inner .post-header .post_author a {
  color: #c52424;
}
.mainside .post .post-inner .post-header .post_author a:hover {
  color: #e90000;
}
.mainside .post .post-inner .post-header .post_date {
  color: #918e87;
  font-size: 8px;
  font-family: ptsanscaption;
}
.mainside .post .post-inner .post-header .post_date:before {
  width: 1px;
  height: 25%;
  top: 37.5%;
  margin: 0 10px;
  content: "";
  display: inline-block;
  position: relative;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.4);
  border-right: 1px #2d2c2b solid;
  vertical-align: top;
  background-color: #3d3c3b;
}
.mainside .post .post-inner .post-header .post_comment {
  float: right;
}
.mainside .post .post-inner .post-header .post_comment a {
  color: #6e6c68;
  font-size: 9px;
  line-height: 67px;
  font-family: ptsanscaption;
}
.mainside .post .post-inner .post-header .post_comment a:hover {
  color: #82807d;
}
.mainside .post .post-inner .post-header .post_comment a i {
  color: #ce8a20;
  font-style: inherit;
  font-family: ptsanscaptionbold;
  vertical-align: baseline;
}
.mainside .post .post-inner .post-body .avatar {
  width: 120px;
  height: 122px;
  margin: 0 10px 0 0;
  border-bottom: 2px #0c0c0c solid;
}
.mainside .post .post-inner .post-body .avatar:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #292929 solid;
  z-index: 9;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.mainside .post .post-inner .post-body .avatar:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 4px #0b0b0b solid;
  z-index: 8;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.mainside .post .post-inner .post-body .avatar img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.mainside .post .post-inner .post-body .post_content {
  color: #8f8b82;
  font-size: 12px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.mainside .post .post-inner .post-body .post_content img,
.mainside .post .post-inner .post-body .post_content video,
.mainside .post .post-inner .post-body .post_content table,
.mainside .post .post-inner .post-body .post_content iframe {
  max-width: 100%;
}
.mainside .post .post-inner .post-body .post_content b,
.mainside .post .post-inner .post-body .post_content strong {
  font-weight: 700;
}
.mainside .post .post-inner .post-body .post_content i {
  font-style: italic;
}
.mainside .post .post-inner .post-body .post_content u {
  text-decoration: underline;
}
.mainside .post .post-inner .post-body .post_content ul,
.mainside .post .post-inner .post-body .post_content ol {
  padding-left: 20px;
}
.mainside .post .post-inner .post-body .post_content ul li,
.mainside .post .post-inner .post-body .post_content ol li {
  list-style: disc;
}
.mainside .page:after {
  display: none;
}
.mainside .page .page-inner:before {
  display: none;
}
.mainside .page .page-inner .page-header .page_title {
  width: auto;
  max-width: 100%;
  height: 100%;
  color: #84817b;
  display: inline-block;
  font-size: 12px;
  line-height: 67px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  vertical-align: middle;
  text-transform: uppercase;
}
.mainside .page .page-inner .page-header .page_title:before {
  width: 100%;
  height: 10px;
  top: 23.5px;
  left: 0;
  z-index: 9;
  opacity: 0.8;
  content: "";
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background: url(data:image/svg+xml;
	base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.35) 70%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.mainside .page .page-inner .page-header .page_title i,
.mainside .page .page-inner .page-header .page_title span:first-child {
  color: #c4c1ba;
  font-style: inherit;
  vertical-align: baseline;
}
.mainside .page .page-inner .page-header .page_title span:first-child {
  vertical-align: middle;
}
.sidebar {
  width: 332px;
  float: right;
  z-index: 9;
  padding: 0 10.5px;
}
.sidebar .coupon_box {
  width: 364px;
  height: 84px;
  left: -13px;
  padding: 16px 85px 26px 16px;
  text-align: right;
  background-size: 100% 100%;
  background-color: transparent;
  background-image: url(../images/misc/coupon_box.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.sidebar .coupon_box .coupon_text {
  color: #b0b0b0;
  margin: 10px 0 0;
  font-size: 11.5px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.sidebar .coupon_box .coupon_text span {
  color: #efac1b;
}
.sidebar .coupon_box .coupon_text i {
  color: #bc2222;
  font-style: inherit;
}
.sidebar .coupon_box .coupon_desc {
  color: #777;
  font-size: 10px;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.sidebar .coupon_box .coupon_desc span {
  color: #b1b1b1;
}
.sidebar .sidebox {
  width: 100%;
  height: auto;
  margin: 0 0 16px;
  display: block;
  background-color: transparent;
  background-image: url(../images/sidebox_foot.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.sidebar .sidebox.space_fix {
  padding-top: 19px;
}
.sidebar .sidebox.lastrow {
  margin: 0;
}
.sidebar .sidebox .sidebox_title {
  width: 100%;
  height: auto;
  min-height: 35px;
  color: #84817b;
  padding: 0 16px 19px;
  font-size: 13px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background-color: transparent;
  background-image: url(../images/sidebox_head.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.sidebar .sidebox .sidebox_title i {
  color: #c4c1ba;
  font-style: inherit;
  font-family: ptsanscaptionbold;
}
.sidebar .sidebox .sidebox_body {
  width: 100%;
  height: auto;
  padding: 16px;
}
.sidebar .sidebox .sidebox_body img,
.sidebar .sidebox .sidebox_body video,
.sidebar .sidebox .sidebox_body table,
.sidebar .sidebox .sidebox_body iframe {
  max-width: 100%;
}
.sidebar .sidebox .sidebox_body iframe {
  width: 100% !important;
}
.sidebar .sidebox .sidebox_body .side_divider {
  width: 100%;
  height: 21px;
  margin: 5px auto;
  background-size: 100% auto;
  background-color: transparent;
  background-image: url(../images/side_divider.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.sidebar .sidebox.lastrow + .sidebtn {
  margin: 16px 0;
}
.sidebar .sidebtn {
  width: 100%;
  height: 55px;
  margin: 0 0 16px;
  display: block;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.4);
  border-bottom: 3px #0c0c0c solid;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.sidebar .sidebtn:before {
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0dffffff', endColorstr='#0dffffff', GradientType=1);
}
.sidebar .sidebtn:after {
  width: 33px;
  height: 29px;
  top: -10px;
  right: -10px;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/quote.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.sidebar .sidebtn a {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 52px;
}
.sidebar .sidebtn a:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 5px #000 solid;
  border: 5px rgba(0, 0, 0, 0.4) solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sidebar .sidebtn a:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #42413e solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sidebar .sidebtn a span {
  color: #c8bfb7;
  font-size: 12px;
  font-weight: 700;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.66), 0 0 10px #000;
  text-transform: uppercase;
}
.sidebar .sidebtn a span i {
  color: #f2ac14;
  font-style: inherit;
}
.sidebar .sidebtn.sidebtn_1 {
  background-image: url(../images/misc/btn_1.jpg);
}
.sidebar .sidebtn.sidebtn_2 {
  background-image: url(../images/misc/btn_2.jpg);
}
.sidebar .sidebtn.sidebtn_3 {
  background-image: url(../images/misc/btn_3.jpg);
}
.sidebar .sidebtn.sidebtn_4 {
  background-image: url(../images/misc/btn_4.jpg);
}
.sidebar .sidebtn.sidebtn_5 {
  background-image: url(../images/misc/btn_5.jpg);
}
.footer {
  width: 100%;
  height: 195px;
  z-index: 5;
  display: block;
}
.footer:before {
  width: 100%;
  height: 365px;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/footer-shadow.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.footer .footer-inner.inner-1 {
  width: 1131px;
  height: 62px;
  top: 49px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: absolute;
}
.footer .footer-inner.inner-2 {
  width: 1131px;
  height: 97px;
  top: -15px;
  margin: 0 auto;
  display: block;
  padding: 17px 40px 0 31px;
  overflow: hidden;
  background-color: transparent;
  background-image: url(../images/misc/footer.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.footer .footer-feedback {
  width: 228px;
  height: 62px;
  right: 75px;
  display: block;
  padding: 15px 30px;
  position: absolute;
  text-align: center;
  background-color: transparent;
  background-image: url(../images/misc/feedback.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.footer .footer-feedback a {
  width: 100%;
  height: 100%;
  color: #c88213;
  z-index: 9;
  display: block;
  font-size: 12px;
  line-height: 32px;
  font-family: ptsanscaption;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.footer .footer-feedback a:hover {
  color: #ed9711;
}
.footer .footer-inner .footer-left {
  width: 70%;
  height: 50px;
  float: left;
}
.footer .footer-inner .footer-left .footer_nav {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.footer .footer-inner .footer-left .footer_nav li {
  width: auto;
  height: 100%;
  float: left;
}
.footer .footer-inner .footer-left .footer_nav li .nav_item {
  width: auto;
  height: 100%;
  color: #85807c;
  padding: 0 15px;
  display: block;
  font-size: 13px;
  line-height: 50px;
  font-family: ptsanscaption;
  text-shadow: 0 1px 0 #181818, 0 2px 0 #0a0a0a, 0 0 16px rgba(0, 0, 0, 0.4);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.footer .footer-inner .footer-left .footer_nav li .nav_item:hover {
  color: #a9a5a2;
}
.footer .footer-inner .footer-left .footer_nav li .nav_item.nav_active {
  color: #e39b1c;
}
.footer .footer-inner .footer-right {
  width: 30%;
  height: 63px;
  float: right;
}
.footer .footer-inner .footer-right .footer_copyright {
  width: 100%;
  height: auto;
  text-align: center;
}
.footer .footer-inner .footer-right .footer_copyright span {
  width: 100%;
  height: auto;
  color: #676b76;
  margin: 0 0 3px;
  display: block;
  font-size: 11px;
  font-family: ptsanscaption;
  text-shadow: 0 1px 0 #181818, 0 2px 0 #0a0a0a, 0 0 16px rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.footer .footer-inner .footer-right .footer_copyright span i {
  color: #999694;
  font-style: inherit;
}
.footer .footer-inner .footer-right .footer_copyright span strong {
  color: #c48b1c;
}
.footer .footer-inner .footer-right .footer_copyright span b {
  color: #a5a29f;
  font-weight: inherit;
  text-decoration: none;
}
.footer .footer-inner .footer-right .footer_copyright span a {
  color: #9d9a98;
}
.footer .footer-inner .footer-right .footer_copyright span a:hover {
  color: #b7b3b1;
}
.nice_button,
input[type="submit"] {
  width: auto;
  height: auto;
  color: #828282;
  cursor: pointer;
  padding: 6px 20px;
  font-size: 11.9px;
  text-align: center;
  box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -moz-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -webkit-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  border-width: 2px;
  border-style: solid;
  border-color: #313131;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-transform: uppercase;
  background-color: #191919;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.nice_button {
  display: inline-block;
}
.nice_button:hover,
input[type="submit"]:hover {
  color: #f0a31c;
  border-color: #792121;
}
.nice_active {
  color: #fefefe;
  border-color: #c52929;
}
.nice_active:hover {
  border-color: #e62525;
}
.item_group {
  border: none;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #161415;
}
.item_icon,
#ucp_avatar,
.item_avatar,
#ucp_characters a,
.message_box .message_box_date + a {
  border: 2px #292929 solid;
  overflow: hidden;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.item_icon:before,
#ucp_avatar:before,
.item_avatar:before,
#ucp_characters a:before,
.message_box .message_box_date + a:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #0b0b0b solid;
  z-index: 9;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.item_icon img,
#ucp_avatar img,
.item_avatar img,
#ucp_characters a img,
.message_box .message_box_date + a img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.poll_bar,
.realm_bar {
  width: 100%;
  height: 25px;
  margin: 5px 0 0;
  border: 1px #333 solid;
  padding: 2px;
  overflow: hidden;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: inset 0 0 6px 0 #050505, 0 3px 0 #090909;
  -moz-box-shadow: inset 0 0 6px 0 #050505, 0 3px 0 #090909;
  -webkit-box-shadow: inset 0 0 6px 0 #050505, 0 3px 0 #090909;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
}
.poll_bar .poll_bar_fill,
.realm_bar .realm_bar_fill {
  height: 100%;
  overflow: hidden;
  box-shadow: 0 2px 0 0 #0a0a0a;
  -moz-box-shadow: 0 2px 0 0 #0a0a0a;
  -webkit-box-shadow: 0 2px 0 0 #0a0a0a;
  background-color: #a56d00;
}
.poll_bar .poll_bar_fill:before,
.realm_bar .realm_bar_fill:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#1affffff', GradientType=1);
}
#sidebox_status .sidebox_body {
  padding: 16px 0;
}
#sidebox_status .sidebox_body .loading_ajax {
  width: 100%;
  height: auto;
  display: block;
  padding: 20px 0;
  text-align: center;
}
#sidebox_status .sidebox_body .realm_holder {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  display: block;
}
#sidebox_status .sidebox_body .realm_holder.lastrow {
  margin: 0;
}
#sidebox_status .sidebox_body .realm_holder .realm_row {
  width: 100%;
  height: auto;
  margin: 0 0 5px;
  padding: 0 16px;
  display: block;
}
#sidebox_status .sidebox_body .realm_holder .realm_row > span {
  width: auto;
  height: auto;
  display: inline-block;
  font-size: 12.5px;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 0.5px;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 .r_name {
  max-width: 50%;
  color: #86837d;
  text-transform: uppercase;
  font-family: ptsanscaptionbold;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 .r_name i {
  color: #e0ddd6;
  font-style: inherit;
  font-weight: 700;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 img {
  vertical-align: top;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-1 .r_status {
  float: right;
}
#sidebox_status .sidebox_body .realm_holder.offline .realm_row.row-1 .r_status {
  color: #bb1e1e;
}
#sidebox_status .sidebox_body .realm_holder.online .realm_row.row-1 .r_status {
  color: #ffebd5;
  font-family: ptsanscaptionbold;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 {
  padding: 0 10px;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar {
  width: 100%;
  height: 34px;
  padding: 11px 18px;
  background-color: transparent;
  background-image: url(../images/misc/realm_bar.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  content: "";
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/realm_bar-overlay.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner {
  width: 100%;
  height: 100%;
  display: block;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill {
  min-width: 10%;
  max-width: 100%;
  height: 100%;
  top: 0;
  z-index: 7;
  position: absolute;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill:before {
  width: 0;
  height: 0;
  top: 0;
  content: "";
  position: absolute;
  border-style: solid;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.index {
  z-index: 8;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.index:after {
  width: 2px;
  height: 100%;
  top: 0;
  content: "";
  position: absolute;
  border-left: 1px #882428 solid;
  border-right: 1px #1c4a97 solid;
  background-color: #0e0e0e;
  transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  -ms-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill span {
  color: #d3c8c1;
  display: block;
  padding: 0 3px;
  font-size: 8px;
  line-height: 180%;
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-shadow: 1px 1px 0 #090909, -1px -1px 0 #090909, 0 0 4px #000;
  letter-spacing: 0.5px;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h {
  left: 0;
  background-color: #a21b1b;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a {
  right: 0;
  background-color: #1b48a2;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h:before {
  left: -6px;
  border-width: 6px 6px 6px 0;
  border-color: transparent #a21b1b transparent transparent;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a:before {
  right: -6px;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #1b48a2;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h.index:after {
  right: -1px;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a.index:after {
  left: -1px;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-h span {
  text-align: left;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-2 .r_bar .r_bar-inner .r_bar-fill.bar-a span {
  text-align: right;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-3 {
  margin: 0;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-3 .r_desc {
  color: #64625d;
}
#sidebox_status .sidebox_body .realm_holder .realm_row.row-3 .r_desc i {
  font-style: inherit;
  font-weight: 700;
}
#sidebox_status .sidebox_body .realm_holder.vanilla .realm_row.row-3 .r_desc i {
  color: #a49f93;
}
#sidebox_status .sidebox_body .realm_holder.tbc .realm_row.row-3 .r_desc i {
  color: #37b227;
}
#sidebox_status .sidebox_body .realm_holder.wotlk .realm_row.row-3 .r_desc i {
  color: #2776b2;
}
#sidebox_status .sidebox_body .realm_holder.cata .realm_row.row-3 .r_desc i {
  color: #b25b27;
}
#sidebox_status .sidebox_body .realm_holder.mop .realm_row.row-3 .r_desc i {
  color: #bcaf8e;
}
#sidebox_status .sidebox_body .realm_holder.wod .realm_row.row-3 .r_desc i {
  color: #fff;
}
#sidebox_status .sidebox_body .realm_holder.legion .realm_row.row-3 .r_desc i {
  color: #fff;
}
#sidebox_status .sidebox_body .realm_holder.bfa .realm_row.row-3 .r_desc i {
  color: #fff;
}
#sidebox_status .sidebox_body .realmlist {
  max-width: 90%;
  color: #9b9891;
  margin: 20px auto 0;
  font-size: 10px;
  text-align: center;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 0.5px;
}
#sidebox_status .sidebox_body .realmlist i {
  color: #b68a2a;
  font-style: inherit;
  font-weight: 700;
}
.sidebox_topvoters .sidebox_body {
  overflow: visible;
}
.topvoter_desc {
  top: 0;
  right: 0;
  color: #605d57;
  position: absolute;
  font-size: 11px;
  font-weight: 700;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.topvoter_row {
  width: 100%;
  height: 34px;
  display: block;
  background-color: transparent;
  background-image: url(../images/misc/line-sep.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
.topvoter_row .topvoter_col {
  width: auto;
  height: 100%;
  display: inline-block;
  line-height: 29px;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 0.5px;
}
.topvoter_row .topvoter_col.col_rank {
  width: 10%;
  color: #a19e98;
  font-size: 11px;
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.topvoter_row .topvoter_col.col_name a {
  color: #7b7872;
  font-size: 13px;
  font-family: ptsanscaptionbold;
}
.topvoter_row .topvoter_col.col_name a:hover {
  color: #a19e98;
}
.topvoter_row .topvoter_col.col_vote {
  float: right;
  color: #83817c;
  font-size: 12px;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.topvoter_row .topvoter_col.col_vote i {
  color: #b3b0aa;
  font-size: 10px;
  font-style: inherit;
  font-weight: 700;
}
.topvoter_info {
  color: #64625d;
  margin: 11px 0 0;
  font-size: 11.8px;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.topvoter_info a {
  font-weight: 700;
}
.topvoter_noresult {
  color: #64625d;
  font-size: 10px;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.toppvp_realm {
  width: 100%;
  height: auto;
  float: none;
  overflow: hidden;
  text-align: left;
}
.toppvp_realm .toppvp_select {
  width: 100%;
  height: 25px;
  padding: 0;
  line-height: 100%;
}
.toppvp_realm .toppvp_select > a {
  top: -2px;
  color: #d0941a;
  font-size: 20px;
  line-height: 100%;
  font-family: ptsanscaption;
}
.toppvp_realm .toppvp_select > a:hover {
  color: #f3ac1c;
}
.toppvp_realm .toppvp_select .toppvp_previous {
  float: right;
}
.toppvp_realm .toppvp_select .toppvp_next {
  margin: 0 0 0 5px;
}
.toppvp_realm .toppvp_select .r_name {
  color: #86837d;
  font-size: 11px;
  font-family: ptsanscaption;
  text-transform: uppercase;
}
.toppvp_realm .toppvp_data {
  width: 100%;
  height: auto;
}
.toppvp_realm .toppvp_data .toppvp_table {
  width: 100%;
  height: auto;
  padding: 0;
  border-spacing: 0;
}
.toppvp_realm .toppvp_data .toppvp_table thead {
  background-color: #191816;
  background-color: rgba(0, 0, 0, 0.1);
}
.toppvp_realm .toppvp_data .toppvp_table thead tr td {
  color: #605d57;
  padding: 5px;
}
.toppvp_realm .toppvp_data .toppvp_table thead tr .head_char-rating {
  color: #da9b1c;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
.toppvp_realm .toppvp_data .toppvp_table tbody {
  overflow: hidden;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr td {
  padding: 5px;
}
.toppvp_realm .toppvp_data .toppvp_table tbody .odd {
  background-color: #1e1d1b;
  background-color: rgba(255, 255, 255, 0.01);
}
.toppvp_realm .toppvp_data .toppvp_table tbody .even {
  background-color: #191816;
  background-color: rgba(0, 0, 0, 0.1);
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-rating {
  color: #da9b1c;
  font-size: 14px;
  text-align: center;
  font-weight: 700;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-name a {
  color: #7b7872;
  font-size: 12px;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-name a:hover {
  color: #a19e98;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-class {
  font-size: 10px;
  text-shadow: 1px 1px 0 #000, 0 0 15px #000;
  text-transform: uppercase;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-kills {
  color: #b3b0aa;
  font-size: 11px;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .char-kills span {
  color: #83817c;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.toppvp_realm .toppvp_data .toppvp_table tbody tr .no_stats {
  color: #a03535;
  margin: 0;
  padding: 10px 0;
  display: block;
  text-align: center;
  background-color: #0f0f0f;
}
#shoutbox form {
  margin: 0;
}
#shoutbox form textarea {
  width: 100%;
  height: 35px;
  min-height: 35px;
  max-height: 35px;
  margin: 0 0 5px;
  display: block;
  overflow: hidden;
}
#shoutbox form textarea:focus {
  height: 70px;
  min-height: 70px;
  max-height: 70px;
}
#shoutbox form .shout_characters_remaining {
  width: auto;
  color: #6e6e6e;
  margin: 14px 0 0;
  font-size: 11px;
  text-shadow: 0 1px 0 #000, 0 0 5px #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
#shoutbox form .shout_characters_remaining span {
  font-weight: 700;
}
#shoutbox form input[type="submit"] {
  float: right;
  margin: 4px 0 0;
}
#shoutbox #the_shouts {
  margin: -5px 0 0;
}
#shoutbox #the_shouts .shout {
  width: 100%;
  color: #717171;
  padding: 5px 8px 10px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-shadow: 0 1px 0 #000;
  background-color: transparent;
  background-image: url(../images/misc/line-sep.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}
#shoutbox #the_shouts .shout:last-child {
  background: 0 0;
}
#shoutbox #the_shouts .shout img {
  vertical-align: middle;
}
#shoutbox #the_shouts .shout .shout_author {
  color: #8e8e8e;
  font-size: 12px;
}
#shoutbox #the_shouts .shout .shout_author a {
  color: #a1a1a1;
  font-weight: 700;
}
#shoutbox #the_shouts .shout .shout_author a:hover {
  color: #c5c5c5;
}
#shoutbox #the_shouts .shout .shout_author a img {
  margin: 0 -4px 0 0;
}
#shoutbox #the_shouts .shout .shout_date {
  color: #676767;
  margin: 2px 0 0;
  z-index: 9;
  font-size: 11px;
}
#shoutbox #the_shouts .shout .shout_date a img {
  width: 11px;
  height: 11px;
}
#shoutbox #the_shouts .shout .shout_staff a {
  color: #0091ce;
}
#shoutbox #the_shouts .shout .shout_staff a:hover {
  color: #00b4ff;
}
#shoutbox #shoutbox_view {
  margin: 10px 0 0;
  padding: 0;
}
.comments .comments_area {
  width: 100%;
  float: none;
  margin: 0;
}
.comments .comments_area .comment {
  width: 100%;
  color: #8c8c8c;
  margin: 10px 0 0;
  border: 2px #292929 solid;
  padding: 10px;
  font-size: 11px;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  background-color: #151514;
}
.comments .comments_area .comment .comment_date {
  color: #888;
}
.comments .comments_area .comment .comment_date a img {
  width: 11px;
  height: 11px;
}
.comments .comments_area .comment .comment_author {
  margin: 0 0 7px;
}
.comments .comments_area .comment .comment_author img {
  float: none;
  margin: 0 !important;
}
.comments .comments_area .comment img {
  vertical-align: middle;
}
.comments .comments_area .staff_comment {
  border-color: #265b71;
}
.comments .comments_area .staff_comment .comment_author {
  color: #0091ce;
}
.comments .comments_area .staff_comment .comment_author:hover {
  color: #00b4ff;
}
.comments form {
  width: 100% !important;
  margin: 10px 0 0 !important;
}
.comments form textarea {
  width: 100%;
  height: 70px;
  min-height: 70px;
}
.comments form .characters_remaining {
  color: #6e6e6e;
  margin: 20px 0 0;
  font-size: 11px;
  text-shadow: 0 1px 0 #000, 0 0 5px #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.comments form .characters_remaining span {
  font-weight: 700;
}
.comments form input[type="submit"] {
  margin: 10px 0 0;
}
#page-ucp #ucp_avatar {
  margin: 0 10px 0 0;
}
#page-ucp #ucp_avatar > div {
  z-index: 9;
}
#page-ucp #ucp_info aside {
  width: 270px !important;
}
#page-ucp #ucp_characters {
  margin: -20px auto 0 !important;
}
#page-ucp #ucp_characters a {
  margin: 0 10px 10px 0 !important;
}
.message_box {
  color: #717171 !important;
  border: none !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #151514 !important;
}
.message_box .message_box_date {
  color: #585858 !important;
  z-index: 9;
}
.message_box .message_box_date + a {
  width: 46px;
  height: 46px;
  margin: 0 0 5px 5px;
}
.message_box[style="float:left"] .message_box_date + a {
  margin-right: 10px;
}
.message_box a img {
  border: none !important;
}
.message_box .message_box_author {
  color: #a1a1a1;
  margin: 0 0 5px;
}
.message_box .message_box_author:hover {
  color: #c5c5c5;
}
.message_box a + div {
  display: none;
}
#store form .filter_field {
  height: auto !important;
  padding: 15px 5px !important;
}
#store form .filter_field select,
#store form .filter_field .sbHolder,
#store form .filter_field input[type="text"] {
  width: 130px;
  margin: 0;
  vertical-align: middle;
}
#store form .filter_field:last-of-type a {
  margin: 1px 10px 0 0;
}
#store form .filter_field:last-of-type a:last-child {
  margin: 1px 0 0;
}
#store .ucp_divider {
  margin: 0 auto;
}
#store .item_group_title {
  margin: 3px 0 3px 5px;
}
#store .item_group {
  margin: 0 0 0 5px;
  padding: 10px;
}
#store .item_group .store_item {
  margin: 0 0 10px;
  border: none !important;
  padding: 10px;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #1e1e1e;
}
#store .item_group .store_item:last-child {
  margin: 0;
}
#store .item_group .store_item .store_buttons,
#store .item_group .store_item .store_buttons a {
  margin: 2px 0 0;
}
#store #cart .store_item {
  margin: 0 0 5px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #151514;
}
#store #store_content #cart .store_item .item_name {
  width: 65%;
  height: 18px;
  overflow: hidden;
}
#store #store_content #cart .store_item .item_realm {
  margin: 6px 0 0;
}
#store #store_content #cart .store_item:hover .item_name,
#store #store_content #cart .store_item:hover .item_realm {
  margin-left: 0 !important;
}
#store #store_content #cart .store_item .delete_item {
  width: 17px !important;
  float: right;
  right: -2px;
  bottom: 8px;
  opacity: 0;
  z-index: 9;
  display: block;
  overflow: hidden;
  position: absolute;
  transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
#store #store_content #cart .store_item:hover .delete_item {
  width: 17px;
  opacity: 1;
}
#store #store_content #cart #cart_price #vp_price_full {
  margin: 13px 10px 0 0 !important;
}
#store #store_content #cart #cart_price #dp_price_full {
  margin: 13px 0 0 !important;
}
#store #store_content #cart #cart_price a {
  margin: 4px 0 0;
}
#checkout #checkout_info a {
  margin: -5px 0 0;
}
#checkout .store_item {
  height: 44px;
  margin: 0 0 10px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #151514;
}
#checkout .store_item:last-child {
  margin: 0;
}
#checkout .store_item .checkout_characters .sbHolder {
  width: 160px;
}
#teleport #select_character {
  margin-right: 15px;
}
#teleport #select_character .teleport_realm_divider {
  color: #6e6e6e;
  font-size: 11px;
  font-weight: 700;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-shadow: 0 1px 0 #000, 0 0 5px #000;
}
#teleport #select_character .select_character {
  margin: 0 0 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #151514;
}
#teleport #select_character .select_character:hover {
  background-color: #101010;
}
#teleport #select_character .item_group {
  margin: 0 0 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  text-shadow: 0 1px 0 #000;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #101010;
}
#teleport #select_character .character {
  margin: 0;
}
#teleport #select_character .character .character_buttons,
#teleport #select_character .character .character_buttons a {
  margin: 1px 0 0;
}
#teleport #select_location {
  float: right;
}
#teleport #select_location .location {
  margin: 0 0 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), inset 0 -2px 0 0 #111;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: rgba(16, 16, 16, 0.3);
  transition: background ease-in-out 0.5s;
  -o-transition: background ease-in-out 0.5s;
  -ms-transition: background ease-in-out 0.5s;
  -moz-transition: background ease-in-out 0.5s;
  -webkit-transition: background ease-in-out 0.5s;
}
#teleport #select_location .location:hover {
  background-color: rgba(16, 16, 16, 0.5);
}
#teleport #select_location .location .location_buttons,
#teleport #select_location .location .location_buttons a {
  margin: 1px 0 0;
}
#teleport #select_character .character .character_name,
#teleport #select_location .location .location_name {
  color: #a1a1a1;
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
#teleport #select_character .character .character_name:hover,
#teleport #select_location .location .location_name:hover {
  color: #c5c5c5;
}
#donate {
  margin: 0 !important;
}
#donate .ucp_divider {
  padding: 0;
}
#donate label input[type="radio"] {
  top: 2px;
}
#donate label .iradio {
  margin: -3px 10px 0 0;
}
#changelog_add form {
  width: 380px !important;
  margin: 0 !important;
  z-index: 9;
}
#changelog_add a.nice_button {
  margin: 5px 0 0 5px !important;
}
#change_form input[type="text"],
#change_form select,
#change_form .sbHolder,
#category_form input[type="text"] {
  width: 90% !important;
  margin: 5px 0 !important;
}
#changelog .nice_table tr:not(:first-child) td:before {
  top: 4px;
  color: red;
  content: "*";
  position: relative;
  font-size: 17px;
  font-weight: 700;
}
#changelog .nice_table tr:nth-child(2) td:before {
  display: none;
}
#search_box input[type="text"] {
  float: none !important;
}
#search_sections {
  padding: 10px 1px 10px 6px !important;
}
#search_results .search_result_character {
  width: 224px !important;
  overflow: hidden !important;
}
#search_results .search_result_character .name {
  margin-top: -1px !important;
}
#search_results .search_result_character span {
  height: 40px !important;
  margin: 0 !important;
}
#popup_bg {
  z-index: 999999;
  opacity: 0.7 !important;
  background: #000;
}
.alert_box,
.confirm_box {
  width: 60%;
  max-width: 270px;
  left: 0;
  right: 0;
  border: 0;
  margin: 0 auto;
  display: none;
  padding: 20px;
  z-index: 999999;
  position: fixed;
  overflow: hidden;
  text-shadow: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 190, 0.17), 0 0 3px 0 #000, 0 0 30px 0 #000;
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 190, 0.17), 0 0 3px 0 #000, 0 0 30px 0 #000;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 190, 0.17), 0 0 3px 0 #000, 0 0 30px 0 #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #141414;
}
.alert_box .alert_message,
.confirm_box .confirm_question {
  color: #73706c;
  margin: 0 auto;
  display: block;
  font-size: 13px;
  text-align: center;
  font-weight: 700;
  font-family: ptsanscaption;
  text-shadow: 0 1px 0 #000, 0 0 5px rgba(0, 0, 0, 0.65);
}
.alert_box input[type="text"],
.alert_box input[type="password"],
.alert_box input[type="email"],
.alert_box input[type="file"],
.confirm_box input[type="text"],
.confirm_box input[type="password"],
.confirm_box input[type="email"],
.confirm_box input[type="file"] {
  width: 100%;
  margin: 0 0 10px;
}
.popup_links {
  width: auto;
  margin: 20px 0 0;
  text-align: center;
}
.popup_links a {
  margin: 0;
}
.popup_links .confirm_hide {
  margin: 0 0 0 10px;
  opacity: 0.6;
}
#vote_reminder {
  left: 0;
  right: 0;
  border: 0;
  margin: 0 auto;
}
.sbHolder {
  width: 80%;
  height: auto;
  color: #979797;
  margin: 5px;
  cursor: pointer;
  padding: 8px;
  display: inline-block;
  position: relative;
  font-size: 12px;
  text-align: left;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  vertical-align: middle;
}
.sbHolder,
.sbHolder > * {
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.sbHolder:before {
  display: block;
  content: "Select box";
  position: relative;
}
.sbHolder a {
  float: none !important;
  margin: 0 !important;
}
.sbHolder .sbToggle {
  width: 37px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9;
  display: block;
  position: absolute;
  background-color: transparent;
  background-image: url(../images/misc/select-arrow.png);
  background-repeat: no-repeat;
  background-position: 50% 15px;
}
.sbHolder .sbToggle.sbToggleOpen {
  background-position: 50% -15px;
}
.sbHolder .sbSelector {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #979797 !important;
  display: block;
  overflow: hidden;
  position: absolute;
  box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -moz-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -webkit-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  line-height: 30px;
  text-indent: 8px;
  border-width: 2px;
  border-style: solid;
  border-color: #3e3e3e;
  background-color: #191919;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.sbHolder .sbToggle.sbToggleOpen + .sbSelector {
  color: #f0a31c !important;
  border-color: #792121;
}
.sbHolder .sbOptions {
  width: 100%;
  max-height: 124px !important;
  top: 34px !important;
  left: 0;
  cursor: default;
  border: 2px #3e3e3e solid;
  z-index: 99;
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;
  -moz-box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;
  -webkit-box-shadow: inset 0 0 0 1px #1f1b0f, inset 0 0 0 2px #0d0d0d;
}
.sbHolder .sbOptions li {
  width: 100%;
  height: 30px;
  background-color: #1f1f1f;
}
.sbHolder .sbOptions li:nth-child(even) {
  background-color: #171717;
}
.sbHolder .sbOptions li a {
  width: 100%;
  height: 100%;
  color: #606060;
  display: block;
  text-indent: 8px;
  line-height: 30px;
  font-family: ptsanscaption;
  text-transform: capitalize;
  transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out;
}
.sbHolder .sbOptions li a:hover,
.sbHolder .sbOptions li a:focus,
.sbHolder .sbOptions li .sbFocus {
  color: #adadad;
}
.sbHolder .sbOptions li .sbDisabled {
  width: 100%;
  height: 100%;
  color: #444;
  display: block;
  text-indent: 8px;
  line-height: 30px;
  font-family: ptsanscaption;
  text-transform: capitalize;
  background-color: #0e0e0e;
}
.sbHolder .sbOptions .sbGroup {
  width: 100%;
  height: 100%;
  color: #ebb52d;
  display: block;
  text-indent: 8px;
  line-height: 30px;
  font-family: ptsanscaption;
  text-transform: capitalize;
}
.sbHolder .sbOptions .sbSub {
  padding-left: 17px;
}
.sbHolder.sbHolderDisabled {
  opacity: 0.8;
}
.iradio,
.icheckbox {
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: inline-block;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.88);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.88);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.88);
  vertical-align: text-bottom;
  background-color: transparent;
  background-image: url(../images/misc/radio-checkbox.png);
  background-repeat: no-repeat;
}
.iradio.disabled,
.icheckbox.disabled {
  cursor: default;
}
.iradio.hover,
.iradio.checked,
.icheckbox.hover,
.icheckbox.checked {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.88), inset 0 0 0 1px rgba(117, 108, 108, 0.25);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.88), inset 0 0 0 1px rgba(117, 108, 108, 0.25);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7), 0 2px 0 0 rgba(0, 0, 0, 0.88), inset 0 0 0 1px rgba(117, 108, 108, 0.25);
}
.iradio {
  width: 15px;
  height: 15px;
  margin: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.iradio {
  background-position: 0 0;
}
.iradio.hover {
  background-position: 0 -19px;
}
.iradio.checked {
  background-position: 0 -38px;
}
.iradio.disabled {
  background-position: 0 -57px;
}
.iradio.checked.disabled {
  background-position: 0 -76px;
}
.icheckbox {
  width: 14px;
  height: 14px;
  margin: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.icheckbox {
  background-position: -19px -1px;
}
.icheckbox.hover {
  background-position: -19px -20px;
}
.icheckbox.checked {
  background-position: -19px -39px;
}
.icheckbox.disabled {
  background-position: -19px -58px;
}
.icheckbox.checked.disabled {
  background-position: -19px -77px;
}
table tbody tr td span img {
  top: -1px;
  vertical-align: middle;
}
.page-body img,
.page-body video,
.page-body table,
.page-body iframe {
  max-width: 100%;
}
.page-body b,
.page-body strong {
  font-weight: 700;
}
.page-body i {
  font-style: italic;
}
.page-body u {
  text-decoration: underline;
}

.page-body ul li,
.page-body ol li {
  list-style: disc;
}
.ucp_ui {
  width: 100%;
  height: auto;
  border: 2px #302e2b solid;
  padding: 4px;
  background-size: 100% 100%;
  background-color: transparent;
  background-image: url(../images/page-ucp/userinfo-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
}
.ucp_ui:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 4px #26221f solid;
  border: 4px rgba(43, 38, 35, 0.6) solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ucp_ui:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #0b0b0b solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ucp_ui .ucp_ui-inner {
  border: 2px #1e1b19 solid;
  border: 2px rgba(0, 0, 0, 0.06) solid;
  z-index: 9;
}
.ucp_ui .ucp_ui-inner:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 1%, rgba(16, 15, 14, 0) 10%, rgba(178, 166, 156, 0.05) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 1%, rgba(16, 15, 14, 0) 10%, rgba(178, 166, 156, 0.05) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 1%, rgba(16, 15, 14, 0) 10%, rgba(178, 166, 156, 0.05) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#0db2a69c', GradientType=1);
}
.ucp_ui .ucp_ui-inner .ui_col {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table {
  width: 100%;
  height: auto;
  display: table;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row {
  display: table-row;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col {
  height: 30px;
  float: left;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col.col-1 {
  width: 15%;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col.col-2 {
  width: 27%;
  color: #83807a;
  font-size: 8px;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col.col-3 {
  width: 50%;
  color: #9f9a94;
  font-size: 9px;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col.col-4 {
  width: 8%;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col > * {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  text-transform: uppercase;
}
.ucp_ui .ucp_ui-inner .ui_col.col_1 {
  width: 164px;
}
.ucp_ui .ucp_ui-inner .ui_col.col_1 .ucp_avatar {
  margin: 24px 24px;
  box-shadow: 0 0 28px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: 0 0 28px rgba(0, 0, 0, 0.68);
  -webkit-box-shadow: 0 0 28px rgba(0, 0, 0, 0.68);
  border-bottom: 3px #0a0a0a solid;
}
.ucp_ui .ucp_ui-inner .ui_col.col_1 .ucp_avatar:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  content: "";
  position: absolute;
  background-size: 100% 100%;
  background-color: transparent;
  background-image: url(../images/page-ucp/avatar_frame.png);
  background-repeat: no-repeat;
  background-position: top left;
}
.ucp_ui .ucp_ui-inner .ui_col.col_1 .ucp_avatar img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.ucp_ui .ucp_ui-inner .ui_col.col_1 .ucp_change_avatar {
  color: #6b6863;
  margin: 9px 0 12px;
  display: block;
  font-size: 8px;
  text-align: center;
  font-weight: 700;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  font-family: Arial, helvetica neue, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ucp_ui .ucp_ui-inner .ui_col.col_1 .ucp_change_avatar:hover {
  color: #83807a;
}
.ucp_ui .ucp_ui-inner .ui_col.col_2 {
  width: 264px;
  padding: 24px 17px;
  background-color: transparent;
  background-image: url(../images/page-ucp/userinfo-shadow-1.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.ucp_ui .ucp_ui-inner .ui_col.col_3 {
  width: 264px;
  padding: 24px 17px;
  background-color: transparent;
  background-image: url(../images/page-ucp/userinfo-shadow-2.png);
  background-repeat: no-repeat;
  background-position: center left;
}
.ucp_ui .ucp_ui-inner .ui_col.col_3 .info-table .info-row.row-1 .info-col.col-3 {
  color: #d4d4d4;
}
.ucp_ui .ucp_ui-inner .ui_col.col_3 .info-table .info-row.row-2 .info-col.col-3 {
  color: #d9a425;
}
.ucp_ui .ucp_ui-inner .ui_col.col_3 .info-table .info-row.row-3 .info-col.col-3 {
  color: #56ab28;
}
.ucp_divider_top {
  width: 750px;
  height: 131px;
  margin: 0 -25px -53px;
  background-color: transparent;
  background-image: url(../images/page-ucp/ucp-divider.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.ucp_btns {
  width: 100%;
  height: auto;
}
.ucp_btns .ucp_btns-inner {
  margin: 0 0 -25px -25px;
}
.ucp_btns .ucp_btns-inner .ucp_btn {
  width: 50%;
  height: 71px;
  float: left;
  margin: 0 0 25px;
  padding: 0 0 0 25px;
  overflow: hidden;
}
.ucp_btns .ucp_btns-inner .ucp_btn a {
  width: 100%;
  height: 100%;
  display: block;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.15) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.15) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.19) 0%, rgba(0, 0, 0, 0.15) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#30000000', endColorstr='#26000000', GradientType=1);
}
.ucp_btns .ucp_btns-inner .ucp_btn a .ucp_btn-icon {
  width: 50px;
  height: 51px;
  float: left;
  margin: 11px;
  padding: 5px;
  border-bottom: 2px #0a0a0a solid;
}
.ucp_btns .ucp_btns-inner .ucp_btn a .ucp_btn-icon:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 5px #101010 solid;
  z-index: 9;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: rgba(178, 166, 156, 0.1);
}
.ucp_btns .ucp_btns-inner .ucp_btn a .ucp_btn-icon:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px #524f4a solid;
  z-index: 9;
  content: "";
  position: absolute;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.ucp_btns .ucp_btns-inner .ucp_btn a .ucp_btn-icon img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.ucp_btns .ucp_btns-inner .ucp_btn a .ucp_btn-text {
  width: 1%;
  height: 100%;
  color: #c4c1ba;
  padding: 0 11px;
  display: table-cell;
  font-size: 11px;
  line-height: 71px;
  font-weight: 700;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ucp_btns .ucp_btns-inner .ucp_btn a .ucp_btn-text i {
  color: #84817b;
  font-style: inherit;
}
.ucp_btns .ucp_btns-inner .ucp_btn.big {
  width: 100%;
  height: 107px;
}
.ucp_btns .ucp_btns-inner .ucp_btn.big a {
  background: 0 0;
}
.ucp_btns .ucp_btns-inner .ucp_btn.big a .ucp_btn-icon {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  float: none;
  margin: 0;
  border: none;
  padding: 0;
  position: absolute;
}
.ucp_btns .ucp_btns-inner .ucp_btn.big a .ucp_btn-icon:before,
.ucp_btns .ucp_btns-inner .ucp_btn.big a .ucp_btn-icon:after {
  display: none;
}
.ucp_btns .ucp_btns-inner .ucp_btn.big a .ucp_btn-text {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #eca51c;
  z-index: 9;
  display: block;
  padding: 0 25px;
  position: absolute;
  line-height: 107px;
}
.ucp_btns .ucp_btns-inner .ucp_btn.big a .ucp_btn-text i {
  color: #ccc8c1;
}
.ucp_btns .ucp_btns-inner .ucp_btn.staff a .ucp_btn-text {
  color: #e72a2a;
}
.ucp_btns .ucp_btns-inner .ucp_staff_info {
  width: 100%;
  height: auto;
  clear: both;
  margin: 0 0 25px;
  padding: 0 0 0 25px;
}
.ucp_btns .ucp_btns-inner .ucp_staff_info .ucp_staff_info-inner {
  color: #817e78;
  padding: 25px 0 0;
  font-size: 12px;
  text-align: center;
  font-weight: 700;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: transparent;
  background-image: url(../images/page-ucp/dots.png);
  background-repeat: repeat-x;
  background-position: top left;
}
.ucp_btns .ucp_btns-inner .ucp_staff_info .ucp_staff_info-inner i {
  color: #aea89c;
  font-style: inherit;
}
.let-it-snow {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute !important;
}
.let-it-snow span {
  z-index: 999;
}
.let-it-snow {
  position: relative;
}
.lis-flake,
.lis-flake--js {
  position: absolute;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px #fff;
}
.lis-flake--js {
  opacity: 0.2;
}
.lis-flake--stuck {
  position: absolute;
  background: #fff;
  border-radius: 50%;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.lis-flake:nth-child(-n + 33) {
  -moz-animation: snow1 8s linear infinite;
  -webkit-animation: snow1 8s linear infinite;
  animation: snow1 8s linear infinite;
}
.lis-flake:nth-child(n + 33) {
  -moz-animation: snow2 8s 4s linear infinite;
  -webkit-animation: snow2 8s 4s linear infinite;
  animation: snow2 8s 4s linear infinite;
}
.lis-flake:nth-child(n + 66) {
  -moz-animation: snow3 8s 6s linear infinite;
  -webkit-animation: snow3 8s 6s linear infinite;
  animation: snow3 8s 6s linear infinite;
}
.lis-flake:nth-child(1) {
  left: 79%;
  top: -210px;
  width: 4px;
  height: 5px;
  transform: rotate(39deg);
}
.lis-flake:nth-child(2) {
  left: 12%;
  top: -500px;
  width: 6px;
  height: 5px;
  transform: rotate(58deg);
}
.lis-flake:nth-child(3) {
  left: 6%;
  top: -40px;
  width: 2px;
  height: 5px;
  transform: rotate(2deg);
}
.lis-flake:nth-child(4) {
  left: 35%;
  top: -340px;
  width: 3px;
  height: 3px;
  transform: rotate(17deg);
}
.lis-flake:nth-child(5) {
  left: 34%;
  top: -680px;
  width: 2px;
  height: 5px;
  transform: rotate(92deg);
}
.lis-flake:nth-child(6) {
  left: 9%;
  top: -780px;
  width: 1px;
  height: 2px;
  transform: rotate(26deg);
}
.lis-flake:nth-child(7) {
  left: 27%;
  top: -340px;
  width: 2px;
  height: 1px;
  transform: rotate(8deg);
}
.lis-flake:nth-child(8) {
  left: 12%;
  top: -310px;
  width: 6px;
  height: 4px;
  transform: rotate(80deg);
}
.lis-flake:nth-child(9) {
  left: 21%;
  top: -100px;
  width: 5px;
  height: 1px;
  transform: rotate(53deg);
}
.lis-flake:nth-child(10) {
  left: 30%;
  top: -690px;
  width: 3px;
  height: 1px;
  transform: rotate(74deg);
}
.lis-flake:nth-child(11) {
  left: 23%;
  top: -920px;
  width: 4px;
  height: 4px;
  transform: rotate(69deg);
}
.lis-flake:nth-child(12) {
  left: 37%;
  top: -870px;
  width: 3px;
  height: 3px;
  transform: rotate(26deg);
}
.lis-flake:nth-child(13) {
  left: 36%;
  top: -570px;
  width: 5px;
  height: 6px;
  transform: rotate(47deg);
}
.lis-flake:nth-child(14) {
  left: 78%;
  top: -730px;
  width: 5px;
  height: 3px;
  transform: rotate(95deg);
}
.lis-flake:nth-child(15) {
  left: 3%;
  top: -840px;
  width: 3px;
  height: 2px;
  transform: rotate(54deg);
}
.lis-flake:nth-child(16) {
  left: 34%;
  top: -960px;
  width: 2px;
  height: 3px;
  transform: rotate(56deg);
}
.lis-flake:nth-child(17) {
  left: 7%;
  top: -660px;
  width: 4px;
  height: 1px;
  transform: rotate(3deg);
}
.lis-flake:nth-child(18) {
  left: 16%;
  top: -510px;
  width: 5px;
  height: 5px;
  transform: rotate(75deg);
}
.lis-flake:nth-child(19) {
  left: 77%;
  top: -760px;
  width: 3px;
  height: 1px;
  transform: rotate(77deg);
}
.lis-flake:nth-child(20) {
  left: 98%;
  top: -240px;
  width: 4px;
  height: 1px;
  transform: rotate(18deg);
}
.lis-flake:nth-child(21) {
  left: 71%;
  top: -540px;
  width: 6px;
  height: 5px;
  transform: rotate(65deg);
}
.lis-flake:nth-child(22) {
  left: 64%;
  top: -650px;
  width: 2px;
  height: 5px;
  transform: rotate(96deg);
}
.lis-flake:nth-child(23) {
  left: 65%;
  top: -70px;
  width: 1px;
  height: 3px;
  transform: rotate(94deg);
}
.lis-flake:nth-child(24) {
  left: 76%;
  top: -970px;
  width: 3px;
  height: 4px;
  transform: rotate(63deg);
}
.lis-flake:nth-child(25) {
  left: 79%;
  top: -830px;
  width: 3px;
  height: 4px;
  transform: rotate(86deg);
}
.lis-flake:nth-child(26) {
  left: 18%;
  top: -540px;
  width: 2px;
  height: 5px;
  transform: rotate(60deg);
}
.lis-flake:nth-child(27) {
  left: 99%;
  top: -500px;
  width: 6px;
  height: 6px;
  transform: rotate(28deg);
}
.lis-flake:nth-child(28) {
  left: 5%;
  top: -270px;
  width: 6px;
  height: 3px;
  transform: rotate(57deg);
}
.lis-flake:nth-child(29) {
  left: 64%;
  top: -630px;
  width: 5px;
  height: 3px;
  transform: rotate(24deg);
}
.lis-flake:nth-child(30) {
  left: 4%;
  top: -130px;
  width: 4px;
  height: 1px;
  transform: rotate(70deg);
}
.lis-flake:nth-child(31) {
  left: 59%;
  top: -340px;
  width: 4px;
  height: 6px;
  transform: rotate(65deg);
}
.lis-flake:nth-child(32) {
  left: 44%;
  top: -100px;
  width: 1px;
  height: 6px;
  transform: rotate(49deg);
}
.lis-flake:nth-child(33) {
  left: 15%;
  top: -870px;
  width: 2px;
  height: 6px;
  transform: rotate(38deg);
}
.lis-flake:nth-child(34) {
  left: 76%;
  top: -490px;
  width: 2px;
  height: 5px;
  transform: rotate(65deg);
}
.lis-flake:nth-child(35) {
  left: 93%;
  top: -320px;
  width: 1px;
  height: 5px;
  transform: rotate(23deg);
}
.lis-flake:nth-child(36) {
  left: 4%;
  top: -620px;
  width: 5px;
  height: 5px;
  transform: rotate(19deg);
}
.lis-flake:nth-child(37) {
  left: 35%;
  top: -910px;
  width: 5px;
  height: 4px;
  transform: rotate(66deg);
}
.lis-flake:nth-child(38) {
  left: 90%;
  top: -460px;
  width: 4px;
  height: 1px;
  transform: rotate(36deg);
}
.lis-flake:nth-child(39) {
  left: 36%;
  top: -340px;
  width: 1px;
  height: 1px;
  transform: rotate(1deg);
}
.lis-flake:nth-child(40) {
  left: 89%;
  top: -170px;
  width: 6px;
  height: 5px;
  transform: rotate(65deg);
}
.lis-flake:nth-child(41) {
  left: 87%;
  top: -330px;
  width: 6px;
  height: 6px;
  transform: rotate(48deg);
}
.lis-flake:nth-child(42) {
  left: 63%;
  top: -520px;
  width: 4px;
  height: 1px;
  transform: rotate(100deg);
}
.lis-flake:nth-child(43) {
  left: 54%;
  top: -480px;
  width: 4px;
  height: 4px;
  transform: rotate(69deg);
}
.lis-flake:nth-child(44) {
  left: 4%;
  top: -290px;
  width: 4px;
  height: 5px;
  transform: rotate(89deg);
}
.lis-flake:nth-child(45) {
  left: 19%;
  top: -430px;
  width: 2px;
  height: 6px;
  transform: rotate(73deg);
}
.lis-flake:nth-child(46) {
  left: 18%;
  top: -290px;
  width: 6px;
  height: 5px;
  transform: rotate(95deg);
}
.lis-flake:nth-child(47) {
  left: 65%;
  top: -680px;
  width: 5px;
  height: 3px;
  transform: rotate(100deg);
}
.lis-flake:nth-child(48) {
  left: 21%;
  top: -390px;
  width: 2px;
  height: 4px;
  transform: rotate(70deg);
}
.lis-flake:nth-child(49) {
  left: 63%;
  top: -600px;
  width: 4px;
  height: 2px;
  transform: rotate(44deg);
}
.lis-flake:nth-child(50) {
  left: 34%;
  top: -10px;
  width: 6px;
  height: 3px;
  transform: rotate(68deg);
}
.lis-flake:nth-child(51) {
  left: 91%;
  top: -400px;
  width: 2px;
  height: 6px;
  transform: rotate(97deg);
}
.lis-flake:nth-child(52) {
  left: 1%;
  top: -740px;
  width: 4px;
  height: 2px;
  transform: rotate(8deg);
}
.lis-flake:nth-child(53) {
  left: 28%;
  top: -160px;
  width: 2px;
  height: 5px;
  transform: rotate(45deg);
}
.lis-flake:nth-child(54) {
  left: 28%;
  top: -170px;
  width: 2px;
  height: 4px;
  transform: rotate(84deg);
}
.lis-flake:nth-child(55) {
  left: 71%;
  top: -710px;
  width: 5px;
  height: 5px;
  transform: rotate(80deg);
}
.lis-flake:nth-child(56) {
  left: 61%;
  top: -120px;
  width: 5px;
  height: 1px;
  transform: rotate(96deg);
}
.lis-flake:nth-child(57) {
  left: 94%;
  top: -90px;
  width: 2px;
  height: 2px;
  transform: rotate(73deg);
}
.lis-flake:nth-child(58) {
  left: 83%;
  top: 0;
  width: 2px;
  height: 5px;
  transform: rotate(48deg);
}
.lis-flake:nth-child(59) {
  left: 88%;
  top: -430px;
  width: 4px;
  height: 5px;
  transform: rotate(1deg);
}
.lis-flake:nth-child(60) {
  left: 33%;
  top: -30px;
  width: 6px;
  height: 5px;
  transform: rotate(36deg);
}
.lis-flake:nth-child(61) {
  left: 50%;
  top: -790px;
  width: 6px;
  height: 4px;
  transform: rotate(5deg);
}
.lis-flake:nth-child(62) {
  left: 32%;
  top: -960px;
  width: 2px;
  height: 4px;
  transform: rotate(45deg);
}
.lis-flake:nth-child(63) {
  left: 79%;
  top: -880px;
  width: 3px;
  height: 4px;
  transform: rotate(23deg);
}
.lis-flake:nth-child(64) {
  left: 13%;
  top: -10px;
  width: 4px;
  height: 4px;
  transform: rotate(9deg);
}
.lis-flake:nth-child(65) {
  left: 92%;
  top: -340px;
  width: 4px;
  height: 4px;
  transform: rotate(30deg);
}
.lis-flake:nth-child(66) {
  left: 26%;
  top: -210px;
  width: 6px;
  height: 2px;
  transform: rotate(29deg);
}
.lis-flake:nth-child(67) {
  left: 77%;
  top: -590px;
  width: 1px;
  height: 6px;
  transform: rotate(13deg);
}
.lis-flake:nth-child(68) {
  left: 15%;
  top: -70px;
  width: 5px;
  height: 3px;
  transform: rotate(37deg);
}
.lis-flake:nth-child(69) {
  left: 71%;
  top: -180px;
  width: 6px;
  height: 4px;
  transform: rotate(60deg);
}
.lis-flake:nth-child(70) {
  left: 41%;
  top: -930px;
  width: 2px;
  height: 5px;
  transform: rotate(94deg);
}
.lis-flake:nth-child(71) {
  left: 93%;
  top: -870px;
  width: 5px;
  height: 3px;
  transform: rotate(42deg);
}
.lis-flake:nth-child(72) {
  left: 54%;
  top: -470px;
  width: 1px;
  height: 5px;
  transform: rotate(90deg);
}
.lis-flake:nth-child(73) {
  left: 31%;
  top: -520px;
  width: 3px;
  height: 5px;
  transform: rotate(42deg);
}
.lis-flake:nth-child(74) {
  left: 18%;
  top: -810px;
  width: 5px;
  height: 3px;
  transform: rotate(8deg);
}
.lis-flake:nth-child(75) {
  left: 12%;
  top: -660px;
  width: 3px;
  height: 4px;
  transform: rotate(64deg);
}
.lis-flake:nth-child(76) {
  left: 17%;
  top: -860px;
  width: 5px;
  height: 6px;
  transform: rotate(73deg);
}
.lis-flake:nth-child(77) {
  left: 82%;
  top: -690px;
  width: 1px;
  height: 4px;
  transform: rotate(68deg);
}
.lis-flake:nth-child(78) {
  left: 8%;
  top: -850px;
  width: 4px;
  height: 5px;
  transform: rotate(30deg);
}
.lis-flake:nth-child(79) {
  left: 19%;
  top: -420px;
  width: 5px;
  height: 2px;
  transform: rotate(100deg);
}
.lis-flake:nth-child(80) {
  left: 7%;
  top: -810px;
  width: 5px;
  height: 1px;
  transform: rotate(68deg);
}
.lis-flake:nth-child(81) {
  left: 18%;
  top: -450px;
  width: 2px;
  height: 4px;
  transform: rotate(82deg);
}
.lis-flake:nth-child(82) {
  left: 26%;
  top: -900px;
  width: 5px;
  height: 3px;
  transform: rotate(26deg);
}
.lis-flake:nth-child(83) {
  left: 86%;
  top: -590px;
  width: 1px;
  height: 2px;
  transform: rotate(73deg);
}
.lis-flake:nth-child(84) {
  left: 72%;
  top: -230px;
  width: 2px;
  height: 2px;
  transform: rotate(55deg);
}
.lis-flake:nth-child(85) {
  left: 26%;
  top: -700px;
  width: 6px;
  height: 3px;
  transform: rotate(11deg);
}
.lis-flake:nth-child(86) {
  left: 46%;
  top: -840px;
  width: 2px;
  height: 2px;
  transform: rotate(100deg);
}
.lis-flake:nth-child(87) {
  left: 5%;
  top: -600px;
  width: 4px;
  height: 3px;
  transform: rotate(46deg);
}
.lis-flake:nth-child(88) {
  left: 6%;
  top: -610px;
  width: 6px;
  height: 4px;
  transform: rotate(65deg);
}
.lis-flake:nth-child(89) {
  left: 45%;
  top: -420px;
  width: 3px;
  height: 5px;
  transform: rotate(80deg);
}
.lis-flake:nth-child(90) {
  left: 45%;
  top: -100px;
  width: 6px;
  height: 1px;
  transform: rotate(33deg);
}
.lis-flake:nth-child(91) {
  left: 6%;
  top: -830px;
  width: 3px;
  height: 6px;
  transform: rotate(4deg);
}
.lis-flake:nth-child(92) {
  left: 58%;
  top: -770px;
  width: 1px;
  height: 3px;
  transform: rotate(89deg);
}
.lis-flake:nth-child(93) {
  left: 23%;
  top: -870px;
  width: 4px;
  height: 6px;
  transform: rotate(32deg);
}
.lis-flake:nth-child(94) {
  left: 89%;
  top: -340px;
  width: 6px;
  height: 4px;
  transform: rotate(7deg);
}
.lis-flake:nth-child(95) {
  left: 46%;
  top: -790px;
  width: 4px;
  height: 2px;
  transform: rotate(91deg);
}
.lis-flake:nth-child(96) {
  left: 94%;
  top: -140px;
  width: 6px;
  height: 5px;
  transform: rotate(22deg);
}
.lis-flake:nth-child(97) {
  left: 32%;
  top: -430px;
  width: 3px;
  height: 1px;
  transform: rotate(55deg);
}
.lis-flake:nth-child(98) {
  left: 85%;
  top: -40px;
  width: 6px;
  height: 1px;
  transform: rotate(64deg);
}
.lis-flake:nth-child(99) {
  left: 66%;
  top: -710px;
  width: 1px;
  height: 1px;
  transform: rotate(42deg);
}
.lis-flake:nth-child(100) {
  left: 33%;
  top: -790px;
  width: 1px;
  height: 4px;
  transform: rotate(55deg);
}
.shop_menu,
.right_menu {
  background-color: #0000004d;
  background-image: url(../images/misc/line-sep.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 20px;
  text-align: center;
  border: 3px solid #2d2d2dcc;
  border-radius: 3px;
}
.shop_menu,
.right_menu li {
  background-color: transparent;
  background-image: url(../images/misc/line-sep.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 5px;
}
#control {
  border: 1px solid #000;
  float: left;
  margin-left: 10px;
}
#control td {
  border: 1px solid #000;
  padding: 5px;
}
#control th {
  border: 1px solid #000;
  padding: 10px;
}
#control a {
  position: relative;
  z-index: 24;
  text-decoration: none;
  color: #558be7;
  font-weight: bold;
  font-size: 12px;
}
#control a span {
  display: none;
}
#control a:hover span {
  display: block;
  padding: 5px;
  color: #9e9e9e;
}
.alert {
  text-align: center;
  margin: 0 0 15px;
  font-size: 14px;
}
.alert-success {
  color: green;
}
.alert-danger {
  color: red;
}
.apIconShop {
  background-image: url(../images/ap_32x32.png);
  width: 32px;
  height: 32px;
  display: inline-block;
  top: 13px;
  position: relative;
}
.vpIconShop {
  background-image: url(../images/vp.png);
  width: 32px;
  height: 32px;
  display: inline-block;
  top: 13px;
  position: relative;
}
#vote {
  text-align: center;
  height: 200px;
}
.vote-item {
  width: 125px;
  height: 200px;
  display: inline-block;
}
#vote img {
  margin: 20px;
}
.votetime {
  color: #eece19;
  font-family: "PT Sans", Georgia, "Times New Roman", Times, serif;
}
.btn-vote {
  text-decoration: none;
  text-align: center;
  padding: 10px 15px;
  border: solid 1px #004f72;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font: 18px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #e5ffff;
  background-color: #3ba4c7;
  background-image: -moz-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);
  background-image: -webkit-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);
  background-image: -o-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);
  background-image: -ms-linear-gradient(top, #3ba4c7 0%, #1982a5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
  background-image: linear-gradient(top, #3ba4c7 0%, #1982a5 100%);
  -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}
.btn-vote:hover {
  background-color: #1982a5;
  background-image: -moz-linear-gradient(top, #1982a5 0%, #3ba4c7 100%);
  background-image: -webkit-linear-gradient(top, #1982a5 0%, #3ba4c7 100%);
  background-image: -o-linear-gradient(top, #1982a5 0%, #3ba4c7 100%);
  background-image: -ms-linear-gradient(top, #1982a5 0%, #3ba4c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#3BA4C7',GradientType=0 );
  background-image: linear-gradient(top, #1982a5 0%, #3ba4c7 100%);
  -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
  box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}
.alert {
  text-align: center;
  margin: 10px auto;
  line-height: 30px;
  border: 2px solid #d0c696;
  border-radius: 2px;
  position: relative;
  font-family: HelveticaLight, Arial;
  min-width: 180px;
  z-index: 1;
  opacity: 0.9;
}
.alert-danger {
  background-color: #611211;
  color: #fff;
  border-color: #390d0d;
}
.alert-success {
  background-color: #10480d;
  color: #fff;
  border-color: #0d3910;
}
.player_count_additional_stats_value {
  display: inline-block;
  vertical-align: middle;
  font-family: "PT Sans";
  font-weight: 600;
  font-size: 14px;
  color: #c88c15;
}
.player_count_additional_stats_title {
  display: inline-block;
  vertical-align: middle;
  color: #867555;
  font-family: "PT Sans";
  font-size: 15px;
}
.gray {
  color: gray;
}
.orange {
  color: #d6991f;
}
a.orange:hover {
  color: #fec34d;
}
.darkorange {
  color: darkorange;
}
.yellow {
  color: yellow;
}
.lightyellow {
  color: #d0dd3d;
}
.yellow-gray {
  color: #cbc568;
}
.green {
  color: green;
}
.darkgreen {
  color: darkgreen;
}
.lightgreen {
  color: lightgreen;
}
.red {
  color: red;
}
.indianred {
  color: indianred;
}
.lightred {
  color: #ffd3d3;
}
.pink {
  color: #ee92ee;
}
.blue {
  color: lightblue;
}
.dark-blue {
  color: #8e8ef8;
}
.violet {
  color: #824eb6;
}
.text-center {
  text-align: center;
}
.right {
  float: right;
}
.left {
  float: left;
}
.text-bold {
  font-weight: bold;
}
.text-white {
  color: white;
}
.faction-dark {
  background: url(../images/ranking/faction.png) no-repeat;
  background-position: center top;
}
.faction-light {
  background: url(../images/ranking/faction.png) no-repeat;
  background-position: center bottom;
}
.faction_icon {
  width: 25px;
  height: 25px;
}
.faction_icon.small {
  height: 18px;
  width: 18px;
  background-size: cover;
}
.r_bar .icon-left {
  position: absolute;
  left: -20px;
  top: -2px;
}
.r_bar .icon-right {
  position: absolute;
  right: -20px;
  top: -2px;
}
/* Faction icon */
.faction_icon {
  width: 25px;
  height: 25px;
  margin: 0 auto;
}
.center {
  text-align: center;
}
.rank-icon {
  border: none;
  margin: 0 auto;
}
.i17 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  position: relative;
  left: 5px;
  background-position: 0 -1710px;
  width: 24px;
  height: 24px;
}
.i18 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  position: relative;
  left: 5px;
  background-position: 0 -1740px;
  width: 24px;
  height: 24px;
}
.i19 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  position: relative;
  left: 5px;
  background-position: 0 -1780px;
  width: 24px;
  height: 24px;
}
.i20 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  position: relative;
  left: 5px;
  background-position: 0 -1810px;
  width: 24px;
  height: 24px;
}
.i21 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  position: relative;
  left: 5px;
  background-position: 0 -1844px;
  width: 24px;
  height: 24px;
}
.i22 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  position: relative;
  left: 5px;
  background-position: 0 -1878px;
  width: 24px;
  height: 24px;
}
.i0 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 0;
  width: 28px;
  height: 16px;
}
.i1 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -26px;
  width: 28px;
  height: 16px;
}
.i2 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -52px;
  width: 28px;
  height: 16px;
}
.i3 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -78px;
  width: 29px;
  height: 16px;
}
.i4 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -104px;
  width: 29px;
  height: 15px;
}
.i5 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -129px;
  width: 28px;
  height: 18px;
}
.i6 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -157px;
  width: 30px;
  height: 17px;
}
.i7 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -184px;
  width: 29px;
  height: 17px;
}
.i8 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -211px;
  width: 28px;
  height: 16px;
}
.i9 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -237px;
  width: 28px;
  height: 18px;
}
.i10 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -265px;
  width: 29px;
  height: 18px;
}
.i11 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -293px;
  width: 29px;
  height: 24px;
}
.i12 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -327px;
  width: 29px;
  height: 18px;
}
.i13 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -355px;
  width: 29px;
  height: 18px;
}
.i14 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -383px;
  width: 29px;
  height: 18px;
}
.i15 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -411px;
  width: 29px;
  height: 18px;
}
.i16 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -440px;
  width: 29px;
  height: 18px;
}
.i23 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -468px;
  width: 29px;
  height: 18px;
}
.i24 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -491px;
  width: 29px;
  height: 18px;
}
.i25 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -516px;
  width: 29px;
  height: 18px;
}
.i26 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -543px;
  width: 29px;
  height: 18px;
}
.i27 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -571px;
  width: 29px;
  height: 18px;
}
.i28 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -597px;
  width: 29px;
  height: 18px;
}
.i29 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -623px;
  width: 29px;
  height: 18px;
}
.i30 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -651px;
  width: 29px;
  height: 18px;
}
.i31 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -678px;
  width: 29px;
  height: 18px;
}
.i32 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -709px;
  width: 29px;
  height: 18px;
}
.i33 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -740px;
  width: 29px;
  height: 18px;
}
.i34 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -769px;
  width: 29px;
  height: 18px;
}
.i35 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -796px;
  width: 29px;
  height: 18px;
}
.i36 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -826px;
  width: 29px;
  height: 18px;
}
.i37 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -852px;
  width: 29px;
  height: 18px;
}
.i38 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -879px;
  width: 29px;
  height: 18px;
}
.i39 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -903px;
  width: 29px;
  height: 18px;
}
.i40 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -929px;
  width: 29px;
  height: 18px;
}
.i41 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -957px;
  width: 29px;
  height: 18px;
}
.i42 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -982px;
  width: 29px;
  height: 18px;
}
.i43 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1010px;
  width: 29px;
  height: 18px;
}
.i44 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1037px;
  width: 29px;
  height: 18px;
}
.i45 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1063px;
  width: 29px;
  height: 18px;
}
.i46 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1092px;
  width: 29px;
  height: 18px;
}
.i47 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1122px;
  width: 29px;
  height: 18px;
}
.i48 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1153px;
  width: 29px;
  height: 18px;
}
.i49 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1181px;
  width: 29px;
  height: 18px;
}
.i50 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1210px;
  width: 29px;
  height: 18px;
}
.i51 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1238px;
  width: 29px;
  height: 18px;
}
.i52 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1264px;
  width: 29px;
  height: 18px;
}
.i53 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1293px;
  width: 29px;
  height: 18px;
}
.i54 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1317px;
  width: 29px;
  height: 18px;
}
.i55 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1343px;
  width: 29px;
  height: 18px;
}
.i56 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1370px;
  width: 29px;
  height: 18px;
}
.i57 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1396px;
  width: 29px;
  height: 18px;
}
.i58 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1425px;
  width: 29px;
  height: 18px;
}
.i59 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1450px;
  width: 29px;
  height: 18px;
}
.i60 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1477px;
  width: 29px;
  height: 18px;
}
.i61 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1505px;
  width: 29px;
  height: 18px;
}
.i62 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1535px;
  width: 29px;
  height: 18px;
}
.i63 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1567px;
  width: 29px;
  height: 18px;
}
.i64 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1595px;
  width: 29px;
  height: 18px;
}
.i65 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1623px;
  width: 29px;
  height: 18px;
}
.i66 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1651px;
  width: 29px;
  height: 18px;
}
.i67 {
  background: url(../images/ranking/ranks_icons.png) no-repeat;
  background-position: 0 -1680px;
  width: 29px;
  height: 18px;
}
.panel-title {
  color: white;
  margin: 5px;
}
/* .sidebar .sidebox .sidebox_body {
	width: 100%;
	height: auto;
	padding: 16px;
}
.sidebar .sidebox {
	width: 100%;
	height: auto;
	margin: 0 0 16px;
	display: block;
	background-color: transparent;
	background-image: url(../images/sidebox_foot.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
*/
/* .membershipbar-right .coupon_box {
	width: 364px;
	height: 84px;
	left: -13px;
	padding: 16px 85px 26px 16px;
	text-align: right;
	background-size: 100% 100%;
	background-color: transparent;
	background-image: url(../images/misc/coupon_box.png);
	background-repeat: no-repeat;
	background-position: center center;
}
*/
.membershipbar-right .coupon_box {
  top: -30px;
  width: 373px;
  height: 84px;
  left: -15px;
  padding: 16px 85px 26px 16px;
  text-align: right;
  background-size: 100% 100%;
  background-color: transparent;
  background-image: url(../images/misc/coupon_box.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.membershipbar-right .coupon_box .coupon_text {
  color: #b0b0b0;
  margin: 5px 0 0;
  font-size: 11.5px;
  font-family: ptsanscaptionbold;
  text-shadow: 0 2px 0 rgb(0 0 0 / 40%);
  text-transform: uppercase;
  font-weight: 700;
}
.membershipbar-right .coupon_box .coupon_text span {
  color: #efac1b;
}
.membershipbar-right .coupon_box .coupon_text i {
  color: #bc2222;
  font-style: inherit;
}
.log input {
  margin-left: 5px;
  margin-bottom: 5px;
}
.login-button {
  width: auto;
  height: auto;
  color: #828282;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 11.9px;
  text-align: center;
  box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -moz-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  -webkit-box-shadow: inset 0 0 0 2px #0f0f0f, 0 2px 0 0 #0a0a0a, 0 0 8px 0 #101010;
  font-family: ptsanscaption;
  text-shadow: 0 2px 0 rgb(0 0 0 / 40%);
  border-width: 2px;
  border-style: solid;
  border-color: #313131;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-transform: uppercase;
  background-color: #191919;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  margin: 5px;
  display: block;
}
.login-button:hover {
  color: #f0a31c;
  border-color: #792121;
}
