.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, .5);
    -moz-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #191918;
    border-color: rgba(255, 255, 255, .03);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(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, .25) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(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, .01) 0%, rgba(255, 255, 255, .01) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .01) 0%, rgba(255, 255, 255, .01) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .01) 0%, rgba(255, 255, 255, .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, .4);
    letter-spacing: .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, .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, .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 .3s ease-in-out, border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out, border-color .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 .3s;
    -o-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
}
select {
    width: 80%;
    height: auto;
    margin: 5px;
    cursor: pointer;
    text-align: left;
    text-indent: .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, .5), inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    font-weight: 700;
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    text-shadow: 0 0 4px rgba(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, .02);
    transition: color .4s, box-shadow .4s, background .4s;
    -o-transition: color .4s, box-shadow .4s, background .4s;
    -ms-transition: color .4s, box-shadow .4s, background .4s;
    -moz-transition: color .4s, box-shadow .4s, background .4s;
    -webkit-transition: color .4s, box-shadow .4s, background .4s;
}
#ucp_characters h1:hover, .online_realm_button:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .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, .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, .24), 0 1px 0 rgba(255, 255, 255, .03);
    -moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .24), 0 1px 0 rgba(255, 255, 255, .03);
    -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .24), 0 1px 0 rgba(255, 255, 255, .03);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #0b0b0b;
    background-color: rgba(0, 0, 0, .35);
}
.fusioneditor .fusioneditor_tools {
    zoom: 1;
    color: #3d4346;
    border: none;
    overflow: hidden;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .01), inset 0 -1px 0 rgba(255, 255, 255, .02);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .01), inset 0 -1px 0 rgba(255, 255, 255, .02);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .24), inset 0 0 0 1px rgba(255, 255, 255, .01), inset 0 -1px 0 rgba(255, 255, 255, .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, .03), 0 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 1px rgba(0, 0, 0, .3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #262521;
    background-color: rgba(155, 150, 137, .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, .03), 0 1px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 1px rgba(0, 0, 0, .3);
    background-color: #161614;
    background-color: rgba(0, 0, 0, .2);
}
.fusioneditor .fusioneditor_tools a:active {
    background-color: #161614;
    background-color: rgba(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, .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, .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: #000000 url(../../images/whole_bg.jpg) 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: .1;
    -ms-filter: "alpha(opacity=10)";
    -moz-opacity: .1;
    -khtml-opacity: .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: #adadad;
    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;
	top: 30px;
    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, .45) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .45) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(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, .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, .03) 0%, rgba(255, 255, 255, .03) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .03) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .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, .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: .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, .4);
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    letter-spacing: .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: .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 .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .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: 250px;
    z-index: 8;
    display: block;
}
.header .header-inner {
    width: 1011px;
	top: 16px;
    height: 100%;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    background-image: url(../images/misc/hover_new.png);
    background-repeat: repeat;
    background-position: center center;
}
.header .header-inner .logo_holder {
    width: 230px;
    height: 120px;
    top: 15px;
    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: 120px;
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(../images/shaiya_logo.png);
    background-repeat: no-repeat;
    
}
.header .header-inner .logo_holder h1 .logo:before {
    height: 167px;
    display: block;
    text-indent: -99999px;
    background-color: transparent;
    background-image: url(../images/shaiya_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;
	top: 45px;
}
.header .header-inner .navigation .nav_menu {
    width: 40.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: #d38e16;
    display: block;
    font-size: 16px;
    line-height: 73px;
    font-family: OCR A Std, monospace;
	font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
}
.header .header-inner .navigation .nav_menu>li>.nav_item span i {
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    color: #f9dd17;
    overflow: hidden;
    position: absolute;
    font-size: 16px;
    font-style: inherit;
    line-height: 73px;
    font-family: OCR A Std, monospace;
	font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .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 .1s ease-in-out;
    -o-transition: bottom .1s ease-in-out;
    -ms-transition: bottom .1s ease-in-out;
    -moz-transition: bottom .1s ease-in-out;
    -webkit-transition: bottom .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 .3s, opacity ease-in-out .3s;
    -o-transition: visibility 0s ease-in-out .3s, opacity ease-in-out .3s;
    -ms-transition: visibility 0s ease-in-out .3s, opacity ease-in-out .3s;
    -moz-transition: visibility 0s ease-in-out .3s, opacity ease-in-out .3s;
    -webkit-transition: visibility 0s ease-in-out .3s, opacity ease-in-out .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: 650px;
    height: 300px;
    top: 1px;
    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, .15);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .15);
    background: -moz-linear-gradient(45deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .07) 1%, rgba(255, 255, 255, .03) 100%);
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .07) 1%, rgba(255, 255, 255, .03) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .07) 1%, rgba(255, 255, 255, .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: 78%;
    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: .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: #e8e70e
}

.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, .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, .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, .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, .8), 0 2px 0 #171717;
    vertical-align: middle;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .7) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0%, rgba(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, .43) 0%, rgba(0, 0, 0, .42) 39%, rgba(0, 0, 0, .17) 44%, rgba(0, 0, 0, .04) 78%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .43) 0%, rgba(0, 0, 0, .42) 39%, rgba(0, 0, 0, .17) 44%, rgba(0, 0, 0, .04) 78%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .43) 0%, rgba(0, 0, 0, .42) 39%, rgba(0, 0, 0, .17) 44%, rgba(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, .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%;
    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, .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, .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, .4);
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    letter-spacing: .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, .4);
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    letter-spacing: .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, .4);
    letter-spacing: .5px;
    
}
.mainside .welcome_box .welcome_head .welcome_title:before {
    width: 100%;
    height: 10px;
    top: 15px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 10px 0 rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .4);
    letter-spacing: .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, .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, .4);
    font-family: ptsanscaptionbold;
    letter-spacing: .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: 18px;
    line-height: 32px;
    font-family: Impact;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .4);
    letter-spacing: .5px;
    text-transform: uppercase;
}
.mainside .content_header span:before {
    width: 100%;
    height: 10px;
    top: 6.5px;
    left: 0;
    z-index: 9;
    opacity: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 10px 0 rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .1);
    -moz-box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 100px 0 rgba(0, 0, 0, .1);
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #21201e;
    border-color: rgba(255, 255, 255, .03);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(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, .15) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(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, .4);
    letter-spacing: .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: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 10px 0 rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .4);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 0 0 rgba(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, .4);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 2px 0 0 rgba(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, .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, .4);
    letter-spacing: .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: .8;
    content: "";
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 10px 0 rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .35) 30%, rgba(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, .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, .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, .4);
    letter-spacing: .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: Arial;
}
.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, .4);
    -moz-box-shadow: 0 0 16px 0 rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 16px 0 rgba(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, .05) 0%, rgba(255, 255, 255, .05) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .05) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .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, .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, .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;
	top: -160px;
	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: 1300px;
    height: 62px;
    top: 49px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: absolute;
}
.footer .footer-inner.inner-2 {
    width: 1300px;
    height: 115px;
    top: 11px;
    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;
	top: 132px;
    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: .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%;
	top: 16px;
    color: #f9b110;
    padding: 0 15px;
    display: block;
    font-size: 14px;
	font-weight: 700;
    line-height: 50px;
    font-family: OCR A Std, monospace;
    text-shadow: 0 1px 0 #181818, 0 2px 0 #0a0a0a, 0 0 16px rgba(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: 27%;
    height: 90px;
    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: #777979;
    margin: 0 0 3px;
    display: block;
   
    font-family: PT Sans;
    text-shadow: 0 1px 0 #181818, 0 2px 0 #0a0a0a, 0 0 16px rgba(0, 0, 0, .4);
    letter-spacing: .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 {
  
	font-weight: 700;
}
.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: Arial Black;
    text-shadow: 0 2px 0 rgba(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 .3s ease-in-out, border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out;
}
.nice_button {
    display: inline-block;
}
.nice_button:hover, input[type=submit]:hover {
    color: #f0a31c;
    border-color: #b57614;
}
.nice_active {
    color: #fefefe;
    border-color: #6d5703;
}
.nice_active:hover {
    border-color: #f3b911;
}
.item_group {
    border: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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, .6) 0%, rgba(0, 0, 0, 0) 50%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 50%);
    background: linear-gradient(to bottom, rgba(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, .1) rgba(0, 0, 0, .2) rgba(0, 0, 0, .2) rgba(0, 0, 0, .2);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .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, .4);
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    letter-spacing: .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: .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, .4);
    font-family: Arial, helvetica neue, Helvetica, sans-serif;
    letter-spacing: .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: Arial;
    text-shadow: 0 2px 0 rgba(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, .4);
    letter-spacing: .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, .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, .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, .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, .01);
}
.toppvp_realm .toppvp_data .toppvp_table tbody .even {
    background-color: #191816;
    background-color: rgba(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, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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 .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .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, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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, .4), inset 0 -2px 0 0 #111;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .4), inset 0 -2px 0 0 #111;
    -webkit-box-shadow: 0 0 0 1px rgba(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, .3);
    transition: background ease-in-out .5s;
    -o-transition: background ease-in-out .5s;
    -ms-transition: background ease-in-out .5s;
    -moz-transition: background ease-in-out .5s;
    -webkit-transition: background ease-in-out .5s;
}
#teleport #select_location .location:hover {
    background-color: rgba(16, 16, 16, .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: .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, .17), 0 0 3px 0 #000, 0 0 30px 0 #000;
    -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 190, .17), 0 0 3px 0 #000, 0 0 30px 0 #000;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 190, .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, .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: .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, .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 .3s ease-in-out, border-color .3s ease-in-out;
    -o-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out, border-color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out, border-color .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 .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    -ms-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -webkit-transition: color .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: .8;
}
.iradio, .icheckbox {
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    display: inline-block;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7), 0 2px 0 0 rgba(0, 0, 0, .88);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7), 0 2px 0 0 rgba(0, 0, 0, .88);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7), 0 2px 0 0 rgba(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, .7), 0 2px 0 0 rgba(0, 0, 0, .88), inset 0 0 0 1px rgba(117, 108, 108, .25);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7), 0 2px 0 0 rgba(0, 0, 0, .88), inset 0 0 0 1px rgba(117, 108, 108, .25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .7), 0 2px 0 0 rgba(0, 0, 0, .88), inset 0 0 0 1px rgba(117, 108, 108, .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, .page-body ol {
    /* padding-left: 20px; */
}
.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, .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, .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, .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, .05) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 1%, rgba(16, 15, 14, 0) 10%, rgba(178, 166, 156, .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, .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.0%;
    color: #83807a;
    font-size: 8px;
}
.ucp_ui .ucp_ui-inner .ui_col .info-table .info-row .info-col.col-3 {
    width: 50.0%;
    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, .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, .68);
    -moz-box-shadow: 0 0 28px rgba(0, 0, 0, .68);
    -webkit-box-shadow: 0 0 28px rgba(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, .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, .19) 0%, rgba(0, 0, 0, .15) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .19) 0%, rgba(0, 0, 0, .15) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .19) 0%, rgba(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, .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, .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, .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: .2;
}
.lis-flake--stuck {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    opacity: .7;
    transition: all .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:7px 2px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px 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 {
	top: 30px;
    background-color: #611211;
    color: #FFF;
    border-color: #390d0d;
}
.alert-success {
	top: 30px;
    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;
}