BODY, HTML {
    padding: 0;
    margin: 0;
    background: #010101 url(images/new_background.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    color: #FFF;
    /* font-size: 12px; */
    /* height: 100%; */
}

center {
    /*height: 100%*/
}

img {
    border: none;
    background-color: transparent
}

a {
    color: #81d4fa;
    /* text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25); */
    text-decoration: none;
}

a:hover {
    color: #FBE9E7;
}

form .row {
    width: 490px;
    height: 30px;
    margin: 0 0 8px 0
}

form .textarea-row {
    height: auto
}

.row-fix {
    width: 550px !important
}

form .row label {
    height: 26px;
    padding: 11px 0 0 11px;
    display: block;
    float: left;
    font-weight: normal;
    font-size: 14px;
    color: #9e9e9e;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25)
}

.row
textarea {
    width: 290px
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html
.clearfix {
    height: 1%
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
    border: 0px
}

input[type="submit"]:focus, input[type="button"]:focus {
    outline: none
}

form
.seperator {
    width: 75%;
    height: 1px;
    left: 3px;
    margin: 18px auto;
    background: rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px rgba(255, 255, 255, .05), 2px 0 3px rgba(0, 0, 0, .20);
    clear: both
}

.membership-bar .search input[type='submit'],
.title_latest_news,
.realmst_head .online,
.realmst_head .offline,
.realmst_head .more_rinfo,
#footer .left-side a.dmca,
#footer td a.dmca,
.logged_in_bar .acc-menu li a span, .logged_in_bar .acc-menu li a p,
.logged_in_bar .avatar span,
.logged_in_bar .info .coints span#gold_c div,
.logged_in_bar .info .coints span#silver_c div,
.logged_in_bar .info .messages a span.icon,
.g-coin, .s-coin,
.store-complete .items-list li p.success-i em,
.store-complete .items-list li p.fail-i em,
li.login-home a span, li.login-home a p, li.register-home a span, li.register-home a p,
.new-design-left-part p.icon, .new-design-count-cont p.arrow,
.logged_in_bar .info .won-a-charcater-ico a span#icon, .logged_in_bar .info .won-a-charcater-ico a p#icon, .recruit-link span,
.tele-back-btn a, #TpTooltip .tp-tooltip-inner #arrow, .vote-now-ico a span#icon, .vote-now-ico a p#icon, .logged_in_bar_bg {
    background-image: url('images/misc_main.png');
    background-repeat: no-repeat;
    background-color: transparent
}

#header .holder, #header .top-navigation li a p, .top-navigation li#support
p {
    background-image: url(images/header.png);
    background-color: transparent
}

.clear {
    clear: both
}

#header {
    width: 100%;
    height: 121px;
    position: absolute;
    z-index: 9999
}

#header
.holder {
    width: 1120px;
    height: 185px
}

#header .top-navigation {
    float: left;
    width: 1005px;
    height: 76px;
    margin-top: 42px;
    margin-left: 60px;
    z-index: 10
}

#header .top-navigation
li {
    display: block;
    float: left;
    margin: 0 !important;
    left: 0 !important;
    padding: 0 !important
}

#header .top-navigation li
a {
    display: block;
    height: 76px;
    margin: 0 !important;
    left: 0 !important
}

.top-navigation li #home
p {
    width: 154px;
    background-position: -60px -227px
}

.top-navigation li #forums
p {
    width: 152px;
    background-position: -214px -227px
}

.top-navigation li #media
p {
    width: 134px;
    background-position: -366px -227px
}

.top-navigation li#logo
p {
    width: 118px
}

.top-navigation li #features
p {
    width: 149px;
    background-position: -618px -227px
}

.top-navigation li #support
p {
    width: 145px;
    background-position: -767px -227px;
    cursor: pointer
}

.top-navigation li #goal
p {
    width: 148px;
    background-position: -912px -227px
}

#header .top-navigation li a p, #header .top-navigation li
p {
    display: block;
    height: 76px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s linear
}

#header .top-navigation li a:hover p, #header .top-navigation li:hover
p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.top-navigation li#logo a, .top-navigation li#logo
p {
    transition: none;
    background: none;
    background-image: none !important
}

.top-navigation li#logo a:hover {
    opacity: 0
}

.top-navigation li div.nddm-holder {
    position: absolute;
    width: 260px;
    height: 0;
    left: -53%;
    top: 57px;
    overflow: hidden;
    transition: all ease-in-out 900ms;
    -webkit-transition: all ease-in-out 900ms;
    -moz-transition: all ease-in-out 900ms;
    -o-transition: all ease-in-out 900ms;
    opacity: 0
}

.top-navigation li .features div.navi-dropdown {
    left: 8%
}

.top-navigation li .media div.navi-dropdown {
    left: -2%
}

.top-navigation li:hover div.nddm-holder {
    height: 280px;
    opacity: 1
}

.top-navigation li div.navi-dropdown {
    width: 196px;
    height: auto;
    border-radius: 5px;
    background: #1f150e;
    box-shadow: inset 0px 0px 20px rgba(255, 255, 255, .05), 0px 0px 15px rgba(0, 0, 0, .7);
    border: #32251a 1px solid;
    top: 21px
}

.top-navigation li div.navi-dropdown
span {
    height: 48px;
    display: block;
    text-align: left;
    background: url(images/drop-down-sep.png) no-repeat bottom center
}

.top-navigation li div.navi-dropdown span:last-child {
    background: none
}

.top-navigation li div.navi-dropdown span
a {
    width: 188px;
    height: 48px;
    padding: 15px 0 0 25px;
    display: block;
    color: #624f3a;
    font-size: 14px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .35);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.top-navigation li div.navi-dropdown span a:hover {
    color: #caa55d;
    background: url(images/menu-dropdown-hover.png) no-repeat
}

.title_overlay {
    /* display: block; */
    /* height: 20px; */
    /* width: 205px; */
    /* background: url(images/title_overlay.png) no-repeat; */
    /* position: absolute; */
    /* pointer-events: none; */
}

.main_a_holder {
    /* width: 100%; */
    /* height: auto; */
    /* background: url(images/body_top.png) no-repeat top center; */
    margin-top: 8px;
    /* top: 0px; */
    /* font-size: 13px; */
    min-height: 720px;
}

.main_b_holder {
    width: 100%;
    height: auto;
    /* min-height: 100px; */
    /* background: #0b0807 url(images/body_top_part2.jpg) no-repeat top center */
}

.sec_b_holder {
    width: 100%;
    height: auto;
    /* background: url(images/footer.png) no-repeat bottom; */
    /* padding: 0 0 49px 0; */
    /* margin: -64px 0 0 0; */
    display: flex;
    align-items: center;
    justify-content: center;
}

#body {
    /* width: 860px; */
    height: auto;
    /* padding: 0 0 0 0; */
    /* min-height: 800px; */
}

.space-fix {
    width: px;
    height: 66px
}

.content_holder {
    /* width: auto; */
    /* height: auto; */
    /* padding: 0 0 0 0; */
}

.main_side {
    /* width: 500px; */
    /* max-width: 685px; */
    float: left;
}

.sidebar {
    /* width: 299px; */
    /* max-width: 299px; */
    padding: 0px 0 0 8px;
    float: left;
}

.social ul {
    list-style: none;
    width: 282px;
    height: 42px;
    float: right;
    margin: 5px 0 0 0;
    left: -9px;
}

.social li {
    display: block;
	text-align: center;
    margin-bottom: 10px;
}

.social_discord a {
    display: block;
    color: #7289da;
    font-size: 4em;
}

.social_discord a:hover {
    color: rgba(114, 137, 218, 0.89);
}

.social_facebook a {
    display: block;
    color: #3b5998;
    font-size: 4em;
}

.social_facebook a:hover {
    color: rgba(59, 89, 152, 0.89);
}

.social_twitter a {
    display: block;
    color: #1DA1F2;
    font-size: 4em;
}

.social_twitter a:hover {
    color: rgba(29, 141, 242, 0.89);
}

.social_youtube a {
    display: block;
    color: #e52d27;
    font-size: 4em;
}

.social_youtube a:hover {
    color: rgba(229, 45, 97, 0.89);
}

.social_instagram a {
    display: block;
    color: #262626;
    font-size: 4em;
}

.social_instagram a:hover {
    color: rgba(76, 76, 76, 0.89);
}

.container {
    width: auto;
    height: auto;
    background: url(images/index_news_container.png) repeat;
    box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255, 255, 255, .015), inset 0 1px 0 rgba(255, 255, 255, .05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #3a3a39;
    text-shadow: 0 1px 0 #000, 0 0 6px #000;
    overflow: hidden
}

.light_normal {
    width: auto;
    height: auto;
    background: url(images/light_2_r.png) repeat-x
}

.container_frame {
    background: #000;
    box-shadow: inset 0 0 0 1px #392f21, 0 0 6px #000;
    padding: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    transition: all 600ms;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms
}

.container_frame:hover {
    box-shadow: inset 0 0 0 1px #b07e39, 0 0 6px #000
}

.cframe_inner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    display: block;
    background-size: 105%
}

.container_2 {
    width: 980px;
    height: auto;
    min-height: 400px;
    background: #212121;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 40px 0 40px 0;
}

.container_3 {
    /* width: 633px; */
    /* height: auto; */
    /* min-height: 40px; */
    /* background: #263238; */
    /* box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .015), inset 0 1px 0 rgba(255, 255, 255, .05); */
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 5px;
    /* border-radius: 5px; */
    /* margin: 0 0 14px 0; */
    /* padding: 35px 0 25px 0; */
    /* z-index: 1; */
}

div.gradient {
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.04)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33d5c194', endColorstr='#00d5c194', GradientType=0);
    box-shadow: inset 0 -36px 0 rgba(0, 0, 0, .2)
}

.d-cont {
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, .35);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 0 10px 15px;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .01);
    text-shadow: 0 0 5px #000
}

.sub-page-title {
    width: 980px;
    height: 55px;
    /* background: url(images/sub_page_light.png) no-repeat left; */
    /* margin-left: -20px; */
}

.sub-page-title
#title {
    display: block;
    float: left;
    /* height: 39px; */
    /* margin: 15px 0 0 20px; */
}

.sub-page-title #title
h1 {
    font-family: 'Roboto', sans-serif;
    /* font-weight: bold; */
    /* text-transform: uppercase; */
    font-size: 24px;
    color: #FF5722;
    /* text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25); */
    /* margin: 15px 0 0 30px; */
    /* height: 34px; */
    /* padding: 0; */
    /* line-height: 125%; */
}

.sub-page-title #title h1
p {
    /* width: 100%; */
    /* height: 30px; */
    /* background: url(images/page-title-gradient.png) no-repeat; */
    /* position: absolute; */
    /* top: 10px; */
    /* right: 0; */
}

.sub-page-title #title h1
span {
    /* width: 100%; */
    /* height: 30px; */
    /* background: url(images/page-title-effect.png) no-repeat; */
    /* position: absolute; */
    /* top: 10px; */
    /* right: 0; */
}

.footer-holder {
    width: 100%;
    /* height: 124px; */
    /* margin: 0px 0 0 0; */
    margin-top: 34px;
}

.bot-foot-border {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 102px;
    background: #0f0c0b;
    box-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 6px rgba(0, 0, 0, .7), inset 0 0 3px rgba(255, 255, 255, .2);
    z-index: 1;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #4a4035;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5), 1px 1px 1px rgba(0, 0, 0, .45)
}

.bot-foot-border
a {
    color: #d29f4e
}

.bot-foot-border a:hover {
    color: #AFAFAF
}

#footer {
    width: 980px;
    padding: 20px 0 0 0;
    color: #313130;
    z-index: 9
}

#footer .left-side {
    float: left;
    padding: 0px 0 0 0
}

#footer .left-side
a.dmca {
    display: block;
    width: 66px;
    height: 65px;
    float: left;
    text-indent: -999999px;
    background-position: -0px -149px
}

#footer .left-side a.dmca:hover {
    background-position: -66px -149px
}

#footer .left-side
p {
    float: left;
    text-align: left;
    padding: 0 0 0 0px;
    color: #757575;
    line-height: 150%;
    /* font-family: 'Roboto', sans-serif; */
    font-size: 13px;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .55); */
}

#footer .left-side p
b {
    color: #656056
}

#footer .right-side {
    float: right;
    margin: -10px 0 0 0
}

#footer .right-side
ul {
    float: right;
    text-align: left;
    padding: 0 0 0 40px
}

#footer .right-side ul
li {
    display: block;
    margin: 0 0 2px 0
}

#footer .right-side ul li
a {
    /* font-family: 'Roboto', sans-serif; */
    font-size: 13px;
    /* text-transform: uppercase; */
    color: #757575;
}

#footer .right-side ul li a:hover {
    color: #99652e
}

#image_header {
    width: 100%;
    height: 360px;
    /* top: 0px; */
    overflow: hidden;
}

.slider {
    width: 100%;
    height: 392px
}

#html5-video {
    height: 394px
}

.sub_head_image {
    width: 100%;
    height: 250px
}

.sub_head_image
div {
    width: 1600px;
    height: 250px;
    background-position: bottom;
    background-repeat: no-repeat
}

.home_container {
    /* background: url(images/index_news_container.png) repeat-y top; */
    background: #212121;
    /* box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05), inset 0 0 2px rgba(68, 51, 31, .35), inset 0 0 15px rgba(88, 71, 63, .20); */
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.social-media {
    width: 671px;
    height: 48px;
    margin: 0 0 12px 0;
    overflow: hidden
}

.social-media
div.gradient {
    width: 700px;
    height: 70px;
    position: absolute;
    top: -10px;
    z-index: 1
}

.media-buttons-holder {
    z-index: 2
}

.media-wrapp {
    float: left;
    height: 37px;
    padding: 8px 11px 0 11px;
    background: url(images/social_separator.png) no-repeat right bottom;
    top: 1px
}

.media-wrapp-no-sep {
    background: none
}

.media-button-holder {
    display: inline-block;
    height: 26px;
    width: auto;
    margin: 2px 0 0 1px
}

.media-new-design {
    height: 26px;
    width: auto
}

.new-design-left-part {
    display: inline-block;
    height: 26px;
    line-height: 100%;
    vertical-align: top;
    z-index: 1
}

.new-design-left-part
p.icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 1px
}

.new-design-left-part
span {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: 300;
    color: #514435;
    margin: 4px 30px 0 9px
}

.button-container {
    display: inline-block;
    height: 26px;
    overflow: hidden
}

.new-design-count-cont {
    display: inline-block;
    height: 20px;
    width: auto;
    line-height: 100%;
    vertical-align: top;
    margin: 4px 30px 0 9px
}

.new-design-count-cont
span {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 3px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #7a6d5e
}

.new-design-count-cont
span#text {
    font-weight: 300;
    color: #514435
}

.facebook .button-container {
    width: 26px
}

.facebook .fb-like {
    position: absolute;
    top: -3px;
    left: 0px;
    z-index: 10;
    opacity: 0
}

.facebook .fb-active-hotfix {
    margin: 4px 0 0 0;
    width: 48px
}

.facebook
p.icon {
    background-position: -291px -120px
}

.facebook
p.icon.active {
    background-position: -291px -120px
}

.twitter .button-container {
    width: 26px
}

.twitter .twitter-follow-button {
    position: absolute;
    top: -3px;
    left: 0px;
    z-index: 10;
    opacity: 0
}

.twitter .twitter-active-hotfix {
    margin: 4px 0 0 0;
    width: 60px
}

.twitter
p.icon {
    background-position: -327px -120px
}

.twitter
p.icon.active {
    background-position: -327px -120px
}

.google-plus
p.icon {
    background-position: -35px -120px
}

.youtube
p.icon {
    background-position: -363px -120px
}

.realmlist {
    font-size: 14px;
    text-align: center;
    margin: 0 0 12px 0;
    width: 297px;
    height: 42px;
    font-family: 'Roboto', sans-serif;
    color: #52493f;
    text-shadow: 1px 0 1px rgba(0, 0, 0, .45)
}

.realmlist
p {
    padding: 12px 0 13px 0
}

.realm_st {
    width: 297px;
    height: 69px;
    overflow: hidden;
    margin-top: -2px
}

.realm_st:first-child {
    margin-top: 0 !important
}

.realm_st_bg {
    background: url(images/realm_bg.png) no-repeat
}

.realm_st_bg2 {
    background: url(images/realm_bg2.png) no-repeat
}

.realm_st
a {
    display: block;
    border-radius: 5px 5px 0 0;
    top: 1px;
    left: 1px;
    width: 297px;
    height: 66px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

.realm_st a:hover {
    background: rgba(255, 255, 255, .03)
}

.realmst_head {
    height: 49px;
    padding: 13px 0 0 5px
}

.realmst_head
.realm_name {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #968166;
    font-weight: bold;
    padding: 0 0 0 35px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 1px 1px rgba(0, 0, 0, .25)
}

.realmst_head
p {
    padding: 2px 0 0 17px;
    letter-spacing: normal
}

.realmst_head .online, .realmst_head .offline, .realmst_head
.closed {
    width: 23px;
    height: 26px;
    display: inline-block;
    position: absolute;
    line-height: 0%;
    top: -3px;
    left: 9px
}

.realmst_head
.online {
    background-position: 0px -0px
}

.realmst_head
.offline {
    background-position: -23px -0px
}

.realmst_head
.closed {
    background-position: -46px -0px
}

.realm_st
p {
    padding: 6px 0 0 8px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-style: italic;
    color: #50473d;
    text-shadow: 0 0 3px rgba(0, 0, 0, .25), 1px 1px 0 rgba(0, 0, 0, .30)
}

.realm_st p.realm-desc {
    padding: 3px 0 0 14px
}

.ts-status {
    width: 288px;
    height: 38px;
    background: url(images/status-grad.png) repeat-x top rgba(255, 255, 255, .008);
    padding: 9px 0 0 11px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .07);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8), 0 0 4px rgba(0, 0, 0, .8)
}

.ts-status
h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #534e3d
}

.ts-status h3
p.status {
    display: inline-block
}

.ts-status h3
p.status.online {
    color: #313f09
}

.ts-status h3
p.status.offline {
    color: #620c08
}

.ts-status a#download-ts, .ts-status a#download-htc {
    font-size: 11px;
    color: #35322d;
    display: inline-block;
    padding: 1px 0 2px 9px;
    margin: 0 8px 0 0;
    font-weight: bold;
    background: url(images/link-arrow.png) no-repeat left;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none
}

.ts-status a#download-ts:hover, .ts-status a#download-htc:hover {
    color: #b68c24;
    background: url(images/link-arrow-hover.png) no-repeat left
}

.logon-status {
    /* width: 297px; */
    /* height: 46px; */
    /* background: rgba(0, 0, 0, .008); */
}

.logon-status #logon-status {
    float: left;
    margin: 8px 0 0 8px;
}

#logon-status
p {
    font-size: 11px;
    font-style: italic;
    color: #302d27;
}

#logon-status
h3 {
    /* font-family: 'Roboto', sans-serif; */
    /* text-transform: uppercase; */
    font-size: 13px;
    color: #9E9E9E;
    /* text-shadow: 0 0 3px rgba(0, 0, 0, .55), 1px 1px 0 rgba(0, 0, 0, .45); */
    /* font-weight: 300; */
}

#logon-status h3
p.status {
    /* font-family: 'Roboto', sans-serif; */
    display: inline-block;
    /* font-weight: bold; */
    font-style: normal;
    font-size: 13px;
}

#logon-status h3
p.status.online {
    color: #8BC34A;
    text-transform: none;
}

#logon-status h3
p.status.offline {
    color: #ffc107
}

.logon-status #server-time {
    float: right;
    /* width: 82px; */
    /* height: 30px; */
    /* text-align: right; */
    margin: 8px 8px 0 0;
}

#server-time
p {
    font-weight: bold;
    font-size: 12px;
    color: #BF360C
}

#server-time
span {
    font-size: 13px;
    /* top: 2px; */
    /* left: -1px; */
    color: #9E9E9E;
    /* text-transform: uppercase; */
    text-shadow: 0 0 3px rgba(0, 0, 0, .55), 1px 1px 0 rgba(0, 0, 0, .45);
}

logon
.media {
    width: 685px
}

.trailer {
    width: 396px !important;
    height: 223px !important
}

.trailer .image-thumb-preview {
    width: 396px !important;
    height: 223px !important
}

.trailer.media-video-thumb
a {
    width: 396px !important;
    height: 223px !important
}

.quck_nav {
    float: right;
    margin: 0px 22px 0 12px;
    height: 25px;
    width: 273px;
    padding: 0px 0 0 0;
    text-align: right;
    background: rgba(0, 0, 0, .6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .02), inset 0 0 5px #000, 0 1px 0 rgba(255, 255, 255, .02)
}

.quck_nav
a {
    font-size: 11px;
    text-shadow: 0 1px 0 #000, 0 0 5px #000;
    padding: 5px 10px 3px 10px;
    display: inline-block
}

.membership-holder {
    width: 100%;
    height: 78px;
    background: url(images/membership_bar.png) no-repeat top center;
    z-index: 999;
    top: -76px;
    overflow: hidden
}

.membership-bar {
    width: 1010px;
    height: 60px;
    top: 13px
}

.member-side-left {
    width: 550px;
    height: 60px;
    float: left
}

ul.not-logged-menu {
    width: 560px;
    height: 54px;
    float: left;
    margin: 0px 0 0 10px
}

ul.not-logged-menu
li {
    display: block;
    float: left
}

ul.not-logged-menu li
a {
    display: block;
    height: 54px
}

ul.not-logged-menu li a
span {
    display: block;
    height: 54px;
    z-index: 1
}

ul.not-logged-menu li a
p {
    display: block;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    pointer-events: none;
    z-index: 2
}

ul.not-logged-menu li.login-home
a {
    width: 268px
}

ul.not-logged-menu li.register-home
a {
    width: 285px
}

ul.not-logged-menu li.login-home a
span {
    width: 268px;
    background-position: 0px -272px
}

ul.not-logged-menu li.register-home a
span {
    width: 285px;
    background-position: -268px -272px;
    left: -15px
}

ul.not-logged-menu li.login-home a
p {
    width: 268px;
    background-position: 1px -326px
}

ul.not-logged-menu li.register-home a
p {
    width: 285px;
    background-position: -268px -326px;
    left: -15px
}

ul.not-logged-menu li a:hover
p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.memeber-side-right {
    float: left;
    margin: 0;
    width: 450px
}

.memeber-side-right
.search {
    width: 265px;
    height: 57px;
    float: left
}

.memeber-side-right .search input[type='text'] {
    width: 184px;
    height: 35px;
    box-shadow: none;
    margin: 10px 0 0 7px;
    background: none;
    color: #616161;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25);
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    padding-left: 12px;
}

.memeber-side-right .search input[type='text']::-webkit-input-placeholder {
    color: #616161;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type='text']:-moz-placeholder {
    color: #616161;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type='text']::-moz-placeholder {
    color: #616161;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type='text']:-ms-input-placeholder {
    color: #616161;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25)
}

.memeber-side-right .search input[type='submit'] {
    width: 22px;
    height: 17px;
    background-position: -578px -0px;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 17px;
    right: 23px;
    z-index: 99;
    padding: 0;
    transition: none
}

.memeber-side-right .search input[type='submit']:hover {
    background-position: -553px -0px
}

.memeber-side-right .bonus-m-links {
    width: 160px;
    height: 48px;
    text-align: left;
    padding: 11px 0px 0px 21px;
    margin: 0;
    float: left;
}

.bonus-m-links
a {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 12px;
    color: #9E9E9E;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25);
    /* line-height: 143%; */
}

.bonus-m-links a:hover {
    color: #FAFAFA;
    text-shadow: 0 0 4px #000, 0 0 6px #000, 0 1px 0 #000, 0 1px 1px #000, 0 0 1px #dfcc9b
}

.bonus-m-links a:last-child {
    /* margin-left: 7px */
}

.logged_in_bar_bg {
    width: 537px;
    height: 53px;
    margin: 1px 0 0 9px;
    background-position: -142px -59px
}

.logout-btn-cont {
    width: 24px;
    height: 19px;
    float: left;
    margin: 28px 0 0 8px
}

.logout-btn-cont
#logout {
    display: block;
    width: 24px;
    height: 19px;
    background: url(images/misc_main.png) no-repeat;
    background-position: -142px -120px
}

.logout-btn-cont #logout:hover {
    background-position: -166px -120px
}

.logged_in_bar
.avatar {
    width: 43px;
    height: 43px;
    background: rgba(0, 0, 0, .55);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(209, 196, 110, .3);
    overflow: hidden;
    float: left;
    margin: 5px 5px 0 5px
}

.logged_in_bar .avatar
span {
    width: 39px;
    height: 39px;
    background-position: -206px -120px;
    display: block;
    top: 2px;
    left: 2px;
    z-index: 999;
    position: absolute;
    pointer-events: none
}

.logged_in_bar .avatar
a {
    width: 39px;
    height: 39px;
    display: block;
    top: 2px;
    background-size: 120% !important
}

.logged_in_bar
.info {
    width: 167px;
    height: 40px;
    float: left;
    padding: 8px 0 0 3px
}

.logged_in_bar .info
p {
    /* font-family: 'Roboto', sans-serif; */
    float: left;
    color: #928069;
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .45);
    margin: 6px 0px 3px 15px;
    text-align: left;
    width: 250px;
    overflow: hidden;
}

.logged_in_bar .info
.coints {
    width: 200px;
    height: 26px;
    color: #655643;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    float: left;
    padding: 0 0 0 0
}

.logged_in_bar .info .coints span#platinum_str {
    color: #00ffa8
}

.logged_in_bar .info .coints span#gold_str {
    color: #d29f4e
}

.logged_in_bar .info .coints
span#silver_str {
    color: #959595
}

.logged_in_bar .info .vote-now-ico {
    float: left;
    width: 83px;
    height: 31px;
    top: -3px
}

.logged_in_bar .info .vote-now-ico
a {
    display: block;
    width: 83px;
    height: 31px
}

.vote-now-ico a span#icon, .vote-now-ico a
p#icon {
    display: block;
    width: 83px;
    height: 31px;
    position: absolute;
    top: 0;
    left: 0
}

.vote-now-ico a
span#icon {
    z-index: 1;
    background-position: -253px -0px;
    opacity: 1;
    transition: all 700ms;
    -moz-transition: all 700ms;
    -webkit-transition: all 700ms;
    -o-transition: all 700ms
}

.vote-now-ico a
p#icon {
    z-index: 1;
    background-position: -336px -0px;
    opacity: 0;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

.vote-now-ico a:hover
span#icon {
    opacity: .6
}

.vote-now-ico a:hover
p#icon {
    opacity: 1
}

li.not-voted-yet-effect {
    width: 52px;
    height: 38px;
    display: block;
    float: none;
    position: absolute;
    left: 75px;
    top: 2px;
    z-index: 99;
    pointer-events: none;
    background: rgba(255, 152, 0, 0.34)
    animation: bring-ate 3s;
    -moz-animation: bring-ate 3s;
    -webkit-animation: bring-ate 3s;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes bring-ate {
    0% {
        opacity: .1
    }
    25% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    100% {
        opacity: .1
    }
}

@-moz-keyframes bring-ate {
    0% {
        opacity: .1
    }
    25% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    100% {
        opacity: .1
    }
}

@-webkit-keyframes bring-ate {
    0% {
        opacity: .1
    }
    25% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    100% {
        opacity: .1
    }
}

li.not-voted-yet-effect :hover {
    opacity: 0;
    display: none
}

.logged_in_bar .acc-menu {
    list-style: none;
    width: 282px;
    height: 42px;
    float: right;
    margin: 7px 0 0 0;
    left: -9px;
}

.logged_in_bar .acc-menu
li {
    display: block;
    float: left
}

.logged_in_bar .acc-menu li
a {
    height: 42px;
    width: auto;
    display: block
}

.logged_in_bar .acc-menu li a
span {
    height: 42px;
    width: auto;
    display: block
}

.logged_in_bar .acc-menu li a
p {
    height: 42px;
    width: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
    pointer-events: none;
    z-index: 2
}

.logged_in_bar .acc-menu li a#acc-panel {
    width: 76px
}

.logged_in_bar .acc-menu li
a#vote {
    width: 52px
}

.logged_in_bar .acc-menu li a#buy-coins {
    width: 78px
}

.logged_in_bar .acc-menu li
a#store {
    width: 76px
}

.logged_in_bar .acc-menu li a#acc-panel
span {
    width: 76px;
    background-position: 0px -485px
}

.logged_in_bar .acc-menu li a#vote
span {
    width: 52px;
    background-position: -76px -485px
}

.logged_in_bar .acc-menu li a#buy-coins
span {
    width: 78px;
    background-position: -128px -485px
}

.logged_in_bar .acc-menu li a#store
span {
    width: 76px;
    background-position: -206px -485px
}

.logged_in_bar .acc-menu li a#acc-panel
p {
    width: 76px;
    background-position: 0px -535px
}

.logged_in_bar .acc-menu li a#vote
p {
    width: 52px;
    background-position: -76px -535px
}

.logged_in_bar .acc-menu li a#buy-coins
p {
    width: 78px;
    background-position: -128px -535px
}

.logged_in_bar .acc-menu li a#store
p {
    width: 76px;
    background-position: -206px -535px
}

.logged_in_bar .acc-menu li a:hover
p {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.account_sub_header {
    width: 843px;
    height: 57px;
    padding: 0;
    overflow: hidden;
    background-image: url(images/account_subhead_bg.png);
    background-repeat: no-repeat
}

.account_sub_header
.grad {
    width: 100%;
    height: 57px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .0090) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, rgba(255, 255, 255, .01)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, .01) 52%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}

.account_sub_header .page-title {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #897861;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 15px 0 0 20px;
    text-shadow: 0 0 7px rgba(0, 0, 0, .57), 1px 1px 1px rgba(0, 0, 0, .35)
}

div.sub-active-page {
    float: left;
    font-family: 'Ropa Sans', sans-serif;
    color: #918979;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 3px 1px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .2);
    height: 41px;
    padding: 16px 0 0 32px;
    margin: 0 0 0 7px;
    background: url(images/sub-page-title-bg.png) no-repeat left
}

.account_sub_header
a {
    color: #FFC107;
    /* font-family: 'Roboto', sans-serif; */
    /* font-size: 11px; */
    text-transform: uppercase;
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .25); */
    display: block;
    float: right;
    border: 1px solid rgba(0, 0, 0, .35);
    background: url(images/back_to_acc_bg.png) no-repeat left rgba(255, 255, 255, .03);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 12px 13px 0 0;
    padding: 9px 12px 10px 39px;
    box-shadow: inset 0 1px 0 rgba(194, 181, 132, .05), inset 0 0 3px rgba(255, 255, 255, .02), 0 0 10px rgba(0, 0, 0, .25);
}

.account_sub_header a:hover {
    background: url(images/back_to_acc_bg.png) no-repeat left rgba(255, 255, 255, .04)
}

.page-desc-holder {
    width: 843px;
    padding: 25px 0 25px 0;
    font-size: 14px;
    color: #9E9E9E;
    line-height: 150%;
    text-shadow: 0 0 4px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

.DK, .BK, .BM {
    border-color: #ff0000 !important
}

.DW, .SM, .GM {
    border-color: #0000ff !important
}

.FE, .ME, .HE {
    border-color: #009f0b !important
}

.MG, .DM {
    border-color: #6600ff !important
}

.DL, .LE {
    border-color: #ffffff !important
}

.SU, .BS, .DiM {
    border-color: #f000ff !important
}

.RF, .FM {
    border-color: #ff7200 !important
}

.GL, .ML {
    border-color: #00d7a3 !important
}

.poor {
    color: #2a2a2a
}

.common {
    color: #8d8d8d
}

.uncommon {
    color: #2f8d00
}

.rare {
    color: #366281
}

.epic {
    color: #643681
}

.legendary {
    color: #ba6c2d
}

.artifact {
    color: #6b6139
}

.heirloom {
    color: #6b6139
}

.deathk {
    border-color: #c41e3b !important
}

.druid {
    border-color: #ff7c0a !important
}

.hunter {
    border-color: #95d357 !important
}

.mage {
    border-color: #4d98b3 !important
}

.monk {
    border-color: #008467 !important
}

.paladin {
    border-color: #f48cba !important
}

.priest {
    border-color: #FFF !important
}

.rogue {
    border-color: #fff468 !important
}

.shaman {
    border-color: #2359e4 !important
}

.warlock {
    border-color: #9382c9 !important
}

.warrior {
    border-color: #c69b6d !important
}

.items_results ul li div.poor .item-ico {
    border-color: #2a2a2a
}

.items_results ul li div.common .item-ico {
    border-color: #8d8d8d
}

.items_results ul li div.uncommon .item-ico {
    border-color: #2f8d00
}

.items_results ul li div.rare .item-ico {
    border-color: #366281
}

.items_results ul li div.epic .item-ico {
    border-color: #643681
}

.items_results ul li div.legendary .item-ico {
    border-color: #ba6c2d
}

.items_results ul li div.artifact .item-ico {
    border-color: #6b6139
}

.items_results ul li div.heirloom .item-ico {
    border-color: #6b6139
}

#poor span, .poor {
    border-color: #2a2a2a !important
}

#common span, .common {
    border-color: #8d8d8d !important
}

#uncommon span, .uncommon {
    border-color: #2f8d00 !important
}

#rare span, .rare {
    border-color: #366281 !important
}

#epic span, .epic {
    border-color: #643681 !important
}

#legendary span, .legendary {
    border-color: #ba6c2d !important
}

#artifact span, .artifact {
    border-color: #6b6139 !important
}

#heirloom span, .heirloom {
    border-color: #6b6139 !important
}

.select-currency {
    text-shadow: 0 0 3px #000;
    left: 120px;
    width: 300px;
    padding: 11px 0 8px 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px
}

.select-currency
span {
    color: #616059;
    margin: 0 7px 0 0;
    vertical-align: top;
    top: 4px
}

.select-currency
label {
    margin: 0 7px 0 0
}

.select-currency label
p#sc {
    color: #656563
}

.select-currency label
p#gc {
    color: #a7863e
}

.description-small {
    font-size: 12px;
    font-style: italic;
    color: #6b6761;
    text-shadow: 0 0 5px #000;
    padding: 0 0 20px 0
}

.under-construction {
    text-align: center;
    text-shadow: 0 0 25px rgba(0, 0, 0, .9), 3px 4px 0 rgba(0, 0, 0, .5)
}

.under-construction
span {
    background: url(images/font-overlay-grunge-1.png) no-repeat;
    display: block;
    width: 100%;
    min-width: 121px;
    height: 100%;
    position: absolute;
    top: -10px;
    left: 0
}

.under-construction
.holder {
    padding: 100px
}

.under-construction
h5 {
    font-family: guatami;
    font-size: 90px;
    line-height: 80%;
    margin: 0 0 10px 0;
    color: #bf8839
}

.under-construction
h4 {
    font-family: guatami;
    font-size: 27px;
    line-height: 110%;
    text-transform: uppercase;
    color: #645c53;
    font-weight: bolder
}

.how-coins {
}

.how-coins
h2 {
    font-family: guatami;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 0 0 8px rgba(0, 0, 0, .5), 2px 2px 0 rgba(0, 0, 0, .3);
    margin: 0 0 10px 0
}

.how-coins h2
span {
    background: url(images/font-overlay-grunge-1.png) no-repeat;
    display: block;
    width: 100%;
    min-width: 121;
    height: 100%;
    position: absolute;
    top: -10px;
    left: 0
}

.how-coins
h2#gold {
    color: #cb983f
}

.how-coins
h2#silver {
    color: #b7ae8e
}

.how-coins h2#gold
p {
    display: inline-block;
    background: url(images/g-coin.png) no-repeat;
    width: 21px;
    height: 21px;
    top: 4px;
    margin: 0 10px 0 0
}

.how-coins h2#silver
p {
    display: inline-block;
    background: url(images/s-coin.png) no-repeat;
    width: 21px;
    height: 21px;
    top: 4px;
    margin: 0 10px 0 0
}

.how-coins
ul {
    padding: 0 0 20px 30px
}

.how-coins ul
li {
    margin: 0 0 20px 0;
    color: #554f48;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6)
}

.how-coins ul li
a {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #766f66
}

.how-coins ul li a:hover {
    color: #ebb533
}

.features-bg-dark {
    width: 980px;
    height: 840px;
    background: url(images/features-bg-2.png) no-repeat top right, url(images/shadow-bot.png) no-repeat bottom left;
    background-color: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 0;
    top: 390px;
    left: 0;
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .3), inset 0 -2px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .03);
    border-radius: 6px;
    overflow: hidden
}

.features {
}

h1.features-row-title {
    color: #ca9916;
    display: block;
    font-family: guatami;
    font-size: 22px;
    font-weight: normal;
    text-shadow: 0 0 8px rgba(0, 0, 0, .8), 0 0 8px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    z-index: 1;
    text-align: left;
    padding: 0 0 0 80px
}

.features
ul {
}

.features ul li.w-addons {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 12px rgba(255, 202, 77, .05), inset 0 1px 0 rgba(255, 202, 77, .05), inset 0 0 0 1px rgba(255, 202, 77, .05);
    margin: 20px 0 40px 0;
    text-align: left
}

.features ul li.w-addons:first-child {
    margin: 20px 0 50px 0
}

.w-addon-row {
    margin: 0
}

.w-addon-row
img {
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    float: left;
    width: 268px
}

.addon-info {
    width: 475px;
    float: left;
    margin: 0 0 0 30px;
    text-shadow: 0 0 14px rgba(0, 0, 0, .4), 2px 3px 0 rgba(0, 0, 0, .4)
}

.addon-info
h1 {
    margin: 0 0 18px 0;
    color: #afa288;
    font-size: 21px;
    text-transform: uppercase
}

.addon-info
p {
    font-size: 13px;
    height: 78px;
    text-shadow: 0 0 14px rgba(0, 0, 0, .4), 1px 1px 0 rgba(0, 0, 0, .4);
    color: #867f72
}

.addon-info .war-links {
    margin: 13px 0 0 0
}

.addon-info .war-links
a.download {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 3px;
    background: #355c35;
    box-shadow: inset 0 0 0 1px rgba(0, 255, 0, .05), inset 0 1px 0 rgba(0, 255, 0, .1), 0 0 6px rgba(0, 0, 0, .4);
    color: #1f1f17;
    text-shadow: 1px 1px 0 rgba(0, 255, 0, .1);
    font-weight: bold;
    text-transform: uppercase
}

.addon-info .war-links a.download:hover {
    color: #e0bb28;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .5);
    background: #2c4e2c
}

.feature-row {
    width: 723px;
    margin: 15px 0 0 0;
    z-index: 2
}

.feature-row
img {
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1), 0 2px 3px rgba(0, 0, 0, 1);
    float: left;
    width: 90px
}

.feature-row
.info {
    text-shadow: 0 0 14px rgba(0, 0, 0, .4), 1px 1px 0 rgba(0, 0, 0, .4);
    text-align: left;
    margin: 0 0 0 20px;
    float: left;
    width: 570px
}

.feature-row .info
h1 {
    margin: 0 0 5px 0;
    color: #897f6b;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
}

.feature-row .info
h2 {
    font-size: 13px;
    height: 78px;
    color: #6a6458;
    font-weight: normal
}

.wotlk-realm-banner {
    margin: 60px 0 0 0
}

.wotlk-realm-banner
a {
    display: block;
    width: 843px;
    height: 92px;
    border-radius: 4px;
    box-shadow: 0 0 32px rgba(0, 0, 0, .8), 0 2px 3px rgba(0, 0, 0, .8);
    background: url(images/media/wotlk-banner.jpg) no-repeat;
    text-align: left;
    overflow: hidden;
    text-shadow: 0 0 9px rgba(0, 0, 0, .6), 2px 2px 0 rgba(0, 0, 0, .2);
    transition: all 600ms;
    -moz-transition: all 600ms;
    -webkit-transition: all 600ms;
    -o-transition: all 600ms
}

.wotlk-realm-banner a h1, .wotlk-realm-banner a h2, .wotlk-realm-banner a
p {
    margin: 0;
    line-height: 100%
}

.wotlk-realm-banner a
h1 {
    font-family: guatami;
    font-weight: normal;
    text-transform: uppercase;
    color: #d3a426;
    margin: 28px 0 0 330px;
    font-size: 29px
}

.wotlk-realm-banner a
h2 {
    font-family: guatami;
    color: #b6b09f;
    font-size: 18px;
    font-weight: normal;
    display: block;
    margin: 0 0 0 340px
}

.wotlk-realm-banner a:hover {
    opacity: .8
}

.g-coin, .s-coin {
    width: 21px;
    height: 20px;
    display: inline-block;
    margin: 0 0 0 0;
    top: 5px
}

.g-coin {
    background-position: -814px 0
}

.s-coin {
    background-position: -835px 0
}

.pagination {
    list-style: none;
    float: right
}

.pagination
li {
    display: inline-block;
    color: #888172;
    text-shadow: 0 1px 0 #000, 0 0 3px #000
}

.pagination li
a {
    color: #a47927;
    display: inline-block;
    padding: 0 4px
}

.pagination li
p {
    display: inline-block;
    padding: 0px 2px;
    color: #2d2a25;
    text-shadow: 0 0 3px #000, 0 0 2px #000;
    top: -1px
}

.pagination li a:hover {
    color: #eeb041
}

#tooltip, .tooltip {
    background-color: #070c21;
    background-color: rgba(7, 12, 33, 0.9);
    border: 1px solid #777;
    border-top: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    color: #fff;
    max-width: 400px;
    width: auto;
    position: absolute;
    display: none;
    z-index: 99999;
    padding: 7px;
    background-color: #070c21;
    background-color: rgba(7, 12, 33, 0.9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #777;
    border-top: 1px solid #cfcfcf;
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
    box-shadow: 0px 0px 3px #000;
    color: #fff;
    font-size: 12px;
    line-height: 1.5
}

.q {
    color: #ffd100
}

.q0, .q0
a {
    color: #9d9d9d;
    border-color: #9d9d9d
}

.q1, .q1
a {
    color: #fff;
    border-color: #fff
}

.q2, .q2 a, .q2:hover {
    color: #1eff00;
    border-color: #1eff00
}

.q3, .q3
a {
    color: #0070dd;
    border-color: #0070dd
}

.q4, .q4
a {
    color: #a335ee;
    border-color: #a335ee
}

.q5, .q5
a {
    color: #ff8000;
    border-color: #ff8000
}

.q6, .q6
a {
    color: #e5cc80;
    border-color: #e5cc80
}

.q7, .q7
a {
    color: #e5cc80;
    border-color: #e5cc80
}

.q8, .q8
a {
    color: #ffff98;
    border-color: #ffff98
}

.q9, .q9
a {
    color: #71D5FF;
    border-color: #71D5FF
}

.q10, .q10
a {
    color: #ffd100;
    border-color: #ffd100
}

.socket-meta {
    padding-left: 26px;
    background: url(images/sockets/socket_meta.gif) no-repeat left center
}

.socket-red {
    padding-left: 26px;
    background: url(images/sockets/socket_red.gif) no-repeat left center
}

.socket-yellow {
    padding-left: 26px;
    background: url(images/sockets/socket_yellow.gif) no-repeat left center
}

.socket-blue {
    padding-left: 26px;
    background: url(images/sockets/socket_blue.gif) no-repeat left center
}

#Login-box_container {
    position: fixed;
    z-index: 10000;
    opacity: 0;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

#Alert-box_container {
    position: fixed;
    z-index: 10000;
    opacity: 0;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.alert-box-holder {
    height: auto;
    width: 750px;
    display: table;
    padding: 20px;
    margin: auto;
    position: absolute;
    top: 20px;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #775b2e, 0 0 28px #000, 0 0 10px #000, inset 0 0 15px rgba(0, 0, 0, .6), 0 0 45px #000;
    max-width: 600px;
    background: url(images/texture_light_2.gif) repeat
}

.alert-box-holder
p {
    color: #9D9687;
    text-shadow: 0 0 3px #000;
    font-size: 14px
}

.alert-box-buttons {
}

.alert-box-buttons
a {
    display: inline-block;
    padding: 5px
}

.loading-bar {
    width: 400px;
    height: 5px;
    margin: 50px auto;
    background: #000;
    margin: 50px 0 30px 0
}

.loading-bar
#bar {
    width: 0%;
    height: 1px;
    margin: 2px 0;
    background: #ac7123;
    position: absolute;
    box-shadow: 0px 0px 10px 1px rgba(172, 113, 35, 0.7)
}

.js-select {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer
}

.js-select-selected {
    pointer-events: none
}

.js-select-arrow {
    pointer-events: none
}

.customfile-input {
    position: absolute;
    height: 100px;
    cursor: pointer;
    background: transparent;
    border: 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index: 999
}

.customfile {
    font-family: Arial, Helvetica, sans-serif;
    background: #0e0e0c;
    border-radius: 5px;
    width: 290px;
    height: 34px;
    padding: 0 10px 0 10px;
    box-shadow: inset 0 0 5px #000, 0 0 5px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .08);
    overflow: hidden;
    cursor: pointer;
    text-align: left
}

.customfile-disabled {
    opacity: .5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: default
}

.customfile-feedback {
    display: block;
    font-size: 12px;
    color: #6c6c6c;
    font-style: italic;
    margin: 9px 0 0 0
}

.customfile-feedback-populated {
    display: block;
    font-size: 12px;
    color: #6c6c6c;
    font-style: italic;
    margin: 9px 0 0 0
}

.customfile-button {
    background: url(images/submit.gif) 0 15px;
    font-family: 'Ropa Sans', sans-serif;
    color: #9a6725;
    font-size: 14px;
    float: right;
    width: 50px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    margin: 4px -6px 0 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 5px #000;
    text-shadow: 0 1px 1px #000
}

.customfile-hover .customfile-button, .customfile-focus .customfile-button {
    color: #cb8832;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .01), 0 0 5px #000, inset 0 0 6px rgba(255, 255, 255, .04)
}

.customfile-focus .customfile-button {
}

@-webkit-keyframes fades {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

.circle-loading
span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #dbdbdb;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-name: fades;
    -webkit-animation-iteration-count: infinite
}

.circle-loading span:nth-child(2) {
    -webkit-animation-delay: 0.2s
}

.circle-loading span:nth-child(3) {
    -webkit-animation-delay: 0.4s
}

.circle-loading span:nth-child(4) {
    -webkit-animation-delay: 0.6s
}

.js-select {
    display: block;
    width: 310px;
    height: 32px;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #40342e;
    padding: 2px 0 0 0;
    background: rgba(0, 0, 0, .20);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25), inset 0 0 10px rgba(0, 0, 0, .10), 1px 1px 0 rgba(54, 45, 40, .25);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms
}

.js-select .js-select-selected {
    width: 80%;
    padding: 5px 0px 0px 10px;
    display: inline-block
}

.js-select .js-select-arrow {
    display: block;
    width: 32px;
    height: 25px;
    background-image: url(images/select-arrow-gray.png);
    background-color: transparent;
    background-position: 0 0;
    position: absolute;
    right: 2px;
    top: 6px;
    vertical-align: top
}

.js-select .js-select-arrow-active {
    background-position: 0 -25px
}

.js-select .js-select-list-container {
    position: absolute;
    top: 37px;
    left: 0px;
    width: 100%;
    z-index: 190;
    background: #2e2420;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6), 0 2px 2px #000, inset 0 0 0 1px rgba(255, 255, 255, .05);
    color: #544c43;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .30)
}

.js-select .js-select-list-scroller {
    position: relative;
    width: 100%;
    height: 135px;
    overflow: hidden
}

.js-select .js-select-list-container-scrollable .js-select-list-scroller {
    height: 151px
}

.js-select .js-select-list-scrollable {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

.js-select .js-select-list {
}

.js-select .js-select-list-top-controller {
    width: 99%;
    height: 14px;
    top: 1px;
    left: 2px;
    overflow: hidden;
    background: url(images/select-arrows-bg-top.png) repeat-x bottom
}

.js-select .js-select-list-bottom-controller {
    width: 99%;
    height: 14px;
    bottom: 1px;
    left: 2px;
    overflow: hidden;
    background: url(images/select-arrows-bg-bot.png) repeat-x top
}

.js-select .js-select-list-top-controller p, .js-select .js-select-list-bottom-controller
p {
    display: block;
    width: 28px;
    height: 23px;
    background-image: url(images/small-arrows-gray.png)
}

.js-select .js-select-list-top-controller
p {
    background-position: 0 0px;
    top: -5px
}

.js-select .js-select-list-bottom-controller
p {
    background-position: 0 -23px;
    margin: 2px 0 0 0;
    top: -6px
}

.js-select-list-option {
    padding: 1px 10px 2px 10px;
    text-align: left;
    line-height: 27px;
    height: 27px
}

.js-select-list-option-selected {
    background: rgba(255, 255, 255, 0.02)
}

.js-select-list-option:hover {
    background: rgba(0, 0, 0, 0.1)
}

.js-select-list-option-disabled {
    cursor: default;
    font-style: italic;
    color: #9a9a9a;
    font-weight: bold;
    padding: 5px 0 5px 9px
}

.js-select-list-option-disabled:hover {
    background: none
}

form .row select, form .row .js-select {
    float: right;
    margin-left: 20px;
}

.buy-coins .payment-method #payment-method-select {
    display: block;
    width: 243px;
    height: 67px;
    text-indent: 20px;
    background: rgb(40, 40, 38);
    background: -moz-linear-gradient(top, rgba(40, 40, 38, 1) 0%, rgba(29, 29, 27, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40, 40, 38, 1)), color-stop(100%, rgba(29, 29, 27, 1)));
    background: -webkit-linear-gradient(top, rgba(40, 40, 38, 1) 0%, rgba(29, 29, 27, 1) 100%);
    background: -o-linear-gradient(top, rgba(40, 40, 38, 1) 0%, rgba(29, 29, 27, 1) 100%);
    background: -ms-linear-gradient(top, rgba(40, 40, 38, 1) 0%, rgba(29, 29, 27, 1) 100%);
    background: linear-gradient(top, rgba(40, 40, 38, 1) 0%, rgba(29, 29, 27, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282826', endColorstr='#1d1d1b', GradientType=0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    box-shadow: inset 0 0 1px rgba(255, 255, 255, .1), 0 0 1px 1px #121211;
    color: #6c6c6c;
    border: none
}

.buy-coins
p {
    font-family: calibri;
    font-size: 14px;
    color: #69655b;
    display: block;
    width: 700px;
    padding: 40px 0 40px 0;
    box-shadow: inset 0 2px 0 #121110, inset 0 3px 1px rgba(255, 255, 255, .03)
}

.buy-coins p
a {
    color: #b2a78e
}

.buy-coins p a:hover {
    color: #edc772
}

#payment-method-select .js-select-list-container {
    top: 70px !important
}

#payment-method-select .js-select-arrow {
    top: 28px;
    right: 20px
}

#payment-method-select .js-select-list-option {
    height: 35px;
    padding: 3px 0 0 7px
}

.buy-coins .coins-number ul li input[type='text'] {
    width: 75px;
    height: 81px;
    padding: 0 6px 0 0;
    margin: 0;
    text-align: center;
    font-size: 50px;
    font-family: 'Ropa Sans', sans-serif;
    color: #ffda2c;
    letter-spacing: -7px;
    background: url(images/coins-ico.jpg) no-repeat;
    border: solid 1px #2e2d29;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 9px #000;
    text-shadow: 0 -1px 0 #fff369, 0 1px 0 #9f6c2b, 0 2px 0 #7b5321, 0 3px 0 #5b3d18, 0 4px 2px #000, 0 0 6px #000, 0 0 15px rgba(0, 0, 0, 1), 0 0 15px rgba(0, 0, 0, 1)
}

#character-select, #levels-select {
    width: 252px;
    height: 36px;
    background: url(images/submit_gradient.jpg) repeat-x;
    box-shadow: inset 0 2px 0 #42382f, inset 0 0 8px rgba(255, 132, 0, .1), 0 0 7px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .4);
    padding: 0
}

#levels-select {
    width: 240px
}

#character-select .js-select-arrow, #levels-select .js-select-arrow {
    background-image: url(images/select-char-arrows.png);
    width: 25px;
    height: 17px;
    top: 11px;
    right: 8px
}

#character-select .js-select-arrow-active, #levels-select .js-select-arrow-active {
    background-position: 0 -17px;
    top: 11px
}

.charcater-option {
}

.character-holder {
    width: 180px;
    height: 23px;
    top: 2px;
    vertical-align: middle
}

.js-select-selected .character-holder {
    top: 3px
}

.character-holder .s-class-icon {
    width: 19px;
    height: 19px;
    background-size: 100%;
    border: solid 1px #774b84;
    border-radius: 3px;
    box-shadow: inset 0 0 3px 1px #000, 0 0 3px #000, inset 0 0 0 1px rgba(0, 0, 0, .3);
    float: left
}

.character-holder
p {
    font-weight: bold;
    font-size: 12px;
    color: #837e70;
    margin: 0;
    top: -2px;
    margin: 0 0 0 4px;
    top: -1px;
    left: 6px;
    text-shadow: 0 0 3px #000, 0 1px 0 #000;
    line-height: 100%
}

.character-holder
span {
    width: 220px;
    font-size: 11px;
    color: rgba(0, 0, 0, .7);
    display: block;
    margin: -2px 0 0 4px;
    left: 6px;
    font-weight: bold;
    text-shadow: 0 0 3px rgba(255, 255, 255, .05), 1px 1px 0 rgba(255, 255, 255, .03);
    line-height: 100%
}

#character-select .js-select-list-container, #levels-select .js-select-list-container {
    top: 39px;
    left: 0px
}

#character-select .js-select-list-option {
    height: 23px;
    width: 237px !important;
    margin: 4px 0 4px 4px;
    padding: 5px 0 5px 7px;
    border-radius: 4px
}

#levels-select .js-select-list-option {
    height: 35px;
    width: 232px !important;
    margin: 4px 0 4px 4px;
    padding: 0 !important;
    border-radius: 4px
}

#character-select .js-select-list-option-selected, #levels-select .js-select-list-option-selected {
    background: rgba(0, 0, 0, .2)
}

p.select-charcater-selected {
    font-weight: bold !important;
    padding: 3px 0 0 5px;
    margin: 0;
    text-shadow: 0 0 3px #000;
    color: #7a7364
}

.js-select-list-option p.select-charcater-selected {
    top: -5px;
    font-size: 11px;
    color: #7a7875 !important
}

.js-select-list-option-selected p.select-charcater-selected {
    padding: 0;
    top: -3px
}

#levels-select p.choose-level {
    padding: 3px 0 0 2px;
    font-weight: bold !important;
    padding: 3px 0 0 5px;
    text-shadow: 0 0 3px #000;
    color: #7a7364
}

.choose-level {
    padding: 0;
    margin: 0
}

div.level-option {
    line-height: 100%;
    text-shadow: 0 0 3px #000;
    color: #867d6e
}

div.level-option
i {
    font-size: 11px;
    color: #946f34;
    top: -1px;
    left: 5px;
    font-family: Verdana, Geneva, sans-serif
}

.level-option
span {
    padding: 0;
    margin: 0;
    display: block;
    height: 0px;
    font-size: 10px !important;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .05), 0 0 3px rgba(255, 255, 255, .1)
}

.js-select-list-container ul div.level-option {
    padding: 6px 0 0 6px
}

.js-select-list-container ul p.choose-level {
    padding: 3px 0 0 0;
    margin: 0 0 0 9px;
    font-size: 11px;
    color: #565452;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

#armors-filter-select {
    width: 200px
}

form .row input[name='birthday[year]'] {
    display: inline-block;
    min-width: 68px !important;
    width: 68px;
    float: right;
    margin: 0 0 0 12px
}

form .row input[name='birthday[day]'] {
    display: inline-block;
    min-width: 38px !important;
    width: 38px;
    float: right;
    margin: 0 0 0 12px
}

#register-select-birthday-month {
    display: inline-block;
    float: right;
    width: 140px
}

#store-quality-select {
    float: left;
    width: 221px;
    margin: 26px 0 0 24px
}

#store-characters {
    float: left !important;
    margin: 19px 0 0 18px
}

.items-currency-list input[type='submit'] {
    float: right;
    margin: 16px 18px 0 18px
}

#search-bar input[type='text'] {
    width: 360px;
    margin: 26px 0 0 25px;
    float: left;
    color: #6b675f
}

#search-bar
select {
    float: left;
    margin: 26px 0 0 25px;
    color: #3b3736
}

#search-bar input[type='submit'] {
    float: right;
    margin: 26px 25px 0 0;
    padding: 0 26px 0 26px
}

.select-charcater-s #character-select {
    margin: 26px 24px 0 0
}

.select-charcater-s2 #character-select {
    margin: 26px 0 0 24px;
    float: left;
}

.ust-submit input[type='submit'] {
    margin: 26px 0 0 24px;
    float: left
}

p.option-paypal {
    display: block;
    background: url(images/paypal.png) no-repeat;
    width: 148px;
    height: 52px;
    margin: 0;
    top: 1px;
    left: -15px
}

.js-select-list-option p.option-paypal {
    width: 100px;
    height: 32px;
    background-size: 100%;
    top: 0;
    left: 0
}

p.option-moneybooks {
    display: block;
    background: url(images/moneybookers.png) no-repeat;
    width: 148px;
    height: 52px;
    margin: 0;
    top: -2px;
    left: -15px
}

.js-select-list-option p.option-moneybooks {
    width: 100px;
    height: 32px;
    background-size: 100%;
    top: 0;
    left: 0
}

p.option-onebip {
    display: block;
    background: url(images/onebip.png) no-repeat;
    width: 148px;
    height: 52px;
    margin: 0;
    top: -2px;
    left: -15px
}

.js-select-list-option p.option-onebip {
    width: 100px;
    height: 32px;
    background-size: 100%;
    top: 0;
    left: 0
}

.welcome_to_imperiamucms {
    background: url(images/welcome_msg_bg.png) no-repeat;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05);
    width: 671px;
    height: 168px;
    margin: 0 0 12px 0;
}

.welcome_to_imperiamucms
h1 {
    font-size: 25px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #b58646;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    padding: 22px 0 0 0;
    margin: 0 0 10px 25px
}

.welcome_to_imperiamucms
span {
    display: block;
    width: 377px;
    height: 30px;
    position: absolute;
    top: 28px;
    left: 13px;
    background: url(images/welcome_msg_title_overlay.png) no-repeat;
}

.welcome_to_imperiamucms
p {
    display: block;
    width: 592px;
    /* font-family: 'Roboto', sans-serif; */
    font-size: 15px;
    color: #9E9E9E;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45), 0 0 5px rgba(0, 0, 0, .95);
    margin: 0 0 10px 25px;
}

.index_news {
    /* width: 500px; */
    /* margin: 0 0 11px 0; */
}

.news_container {
    /* background: url(images/index_news_container.png) repeat-y top; */
    /* border-radius: 2px; */
    /* box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05), inset 0 0 2px rgba(68, 51, 31, .35), inset 0 0 15px rgba(88, 71, 63, .20); */
    /* height: auto; */
    width: 500px;
}

.news_container
.header {
    display: block;
    height: 48px;
    /* width: 671px; */
    margin: 0;
    background: #212121;
    border-bottom: 1px solid #F44336;
    overflow: hidden;
}

.news_container .header
.header_left {
    float: left;
    color: #a87c41;
    /* font-family: 'Roboto', sans-serif; */
    /* font-size: 18px; */
    /* font-weight: bold; */
    padding: 13px 0 0 13px;
}

.news_container
.title_overlay {
    top: 18px;
    left: 14px
}

.news_container .header
.header_right {
    float: right;
    padding: 15px 20px 0 0;
}

.news_container .header ul
li {
    display: inline-block;
    margin: 0 0 0 10px
}

.news_container .header ul li
a {
    display: block;
    /* font-family: 'Roboto', sans-serif; */
    /* font-weight: bold; */
    font-size: 13px;
    /* text-transform: uppercase; */
    color: #757575;
    /* padding: 5px 0 3px 3px; */
    /* text-shadow: 0 0 5px rgba(0, 0, 0, .2), 1px 1px 1px rgba(0, 0, 0, .25); */
}

.news_container .header ul li a:hover {
    /* color: #ccc4ad; */
}

.active_latest_news {
    background: #212121;
    width: 500px;
    height: auto;
    margin-bottom: 8px;
    /* padding: 0 0 3px 0; */
    /* border-bottom: 1px solid #424242; */
}

.active_latest_news
.news_thumb_image {
    width: 205px;
    height: 126px;
    float: left;
    margin: 13px 10px 0px 19px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.active_latest_news .news_thumb_image
img {
    width: 205px;
    height: 126px;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, .65);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.active_latest_news .news-img-overlay {
    position: absolute;
    top: 4px;
    left: 1px;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    box-shadow: inset 0 0 5px rgba(147, 107, 56, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.active_latest_news
.news_content {
    float: left;
    /* font-size: 13px; */
    /* text-align: justify; */
    margin: 10px 20px 0 20px;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, .45); */
}

.news_content ul {
    padding-left: 30px;
    font-family: Roboto;
}

.news_content li {
    list-style-type: square;
}

.active_latest_news .news_content
h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #e8b066;
    font-size: 17px;
    margin: -2px 0 0 0
}

.active_latest_news .news_content
h4 {
    font-family: 'Roboto', sans-serif;
    color: #4c4235;
    font-size: 11px;
    margin: 0 0 6px 0
}

.active_latest_news .news_content h4
a {
    color: #70655b
}

.active_latest_news .news_content h4 a:hover {
    color: #9d9084
}

.active_latest_news .news_content
p {
    font-family: Roboto;
    display: block;
    /* width: 590px; */
    max-height: 100%;
    font-size: 13px;
    /* margin: 10px 0 10px 0; */
    color: #BDBDBD;
    text-align: left;
}

a.readn_ln {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    background: rgba(255, 255, 255, .03) url(images/link_arrow_1.png) no-repeat right;
    padding: 4px 18px 4px 7px;
    border-radius: 3px;
    font-size: 10px;
    color: #6f6558;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .55);
    margin: 4px 0 0 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

a.readn_ln:hover {
    background: rgba(255, 255, 255, .03) url(images/link_arrow_1.png) no-repeat left;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2), inset 0 0 3px rgba(255, 255, 255, .05);
    padding: 4px 7px 4px 18px
}

ul.older_news {
    display: block;
    width: 100%
}

ul.older_news
li {
    display: block;
    width: 100%;
    height: 61px;
    background: url(images/news_active_background.png) no-repeat bottom;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6), 0 0 4px rgba(0, 0, 0, .5)
}

ul.older_news li:last-child {
    background: none
}

ul.older_news li
.news_left_column {
    float: left;
    padding: 9px 0 0 5px
}

ul.older_news li
.news_right_column {
    float: right;
    padding: 15px 23px 0 0
}

ul.older_news li
h2 {
    line-height: 80%;
    margin: 4px 0 0 12px;
    z-index: 2
}

ul.older_news li h2
a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #988469;
    padding: 0;
    margin: 0;
    line-height: 1px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .45)
}

ul.older_news li h2 a:hover {
    color: #dfb768
}

ul.older_news li
h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #4c4235;
    margin: 5px 0 0 12px;
    font-weight: 300;
    z-index: 2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .45)
}

ul.older_news li h4
a {
    color: #695e4e
}

ul.older_news li h4 a:hover {
    color: #afa891
}

.home_cs {
    width: 363px;
    min-height: 368px;
    overflow: hidden;
    float: left
}

.new_trailer {
    width: 100%
}

/*.sub_header {
    height: 40px;
    margin: 2px 0 2px 0
}*/

.new_trailer
.sreenshots {
    margin: 5px 0 1px 0
}

.new_trailer .sub_header
h1 {
    font-family: 'Roboto', sans-serif;
    float: left;
    font-size: 14px;
    color: #a87c41;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0px 6px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 10px 0 0 15px
}

.new_trailer .sub_header
a {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    background: url(images/small_link_arrow_2.png) no-repeat right;
    padding: 0 12px 0 0;
    margin: 13px 14px 0 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

.new_trailer .sub_header a:hover {
    padding: 0 0 0 8px;
    margin: 13px 13px 0 0;
    background: url(images/small_link_arrow_2.png) no-repeat left
}

.new_trailer .sub_header
.title_overlay {
    top: 10px;
    left: 10px
}

.new_video_thumb {
    width: 333px;
    height: 197px;
    margin: 0 0 0 15px
}

.new_video_thumb
a {
    display: block;
    width: 333px;
    height: 198px;
    padding: 0;
    margin: 0 0 0 0
}

.new_video_thumb a div.image-thumb-preview {
    width: 333px;
    height: 198px;
    background-size: 120%;
    top: 0;
    z-index: 1;
    transition: all 600ms;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -o-transition: all 600ms;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, .65), inset 0 0 5px rgba(147, 107, 56, .5);
    border-radius: 4px
}

.play-button-small {
    background-image: url(images/media-controls.png);
    background-repeat: no-repeat
}

.new_video_thumb a .play-button-small {
    position: absolute;
    z-index: 999;
    width: 65px;
    height: 65px;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    background-position: -230px -81px;
    opacity: .5;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 50px;
    box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 1);
    transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms
}

.new_video_thumb a:hover .play-button-small {
    opacity: 1;
    background-color: rgba(0, 0, 0, .3);
    box-shadow: 0 0 0 3px rgba(218, 167, 44, .7), inset 0 0 10px 2px rgba(0, 0, 0, 1)
}

.new_video_thumb a:hover div.image-thumb-preview {
    box-shadow: 0 0 10px rgba(79, 37, 12, .95), inset 0 0 10px rgba(147, 107, 56, .85)
}

.screanshots {
    padding: 0 0 0 0px;
    width: 385px
}

.screanshots
li {
    width: 70px;
    height: 70px;
    float: left;
    display: block;
    margin: 0 0 14px 16px
}

.screanshots
.container_frame {
    width: 70px;
    height: 70px;
    display: block;
    padding: 0;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, .65);
    border-radius: 4px;
    transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms
}

.screanshots .container_frame:hover {
    box-shadow: 0 0 10px rgba(79, 37, 12, .95)
}

.screanshots
.cframe_inner {
    width: 70px;
    height: 70px;
    box-shadow: inset 0 0 5px rgba(147, 107, 56, .5);
    transition: all 1200ms;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -o-transition: all 1200ms
}

.screanshots .cframe_inner:hover {
    box-shadow: inset 0 0 10px rgba(147, 107, 56, .85)
}

.index_cs {
    width: 363px;
    height: auto;
    min-height: 230px;
    float: left;
    margin: 0;
    overflow: hidden
}

.index_cs
.sub_header {
    width: 100%;
    height: 55px;
    background: url(images/index_cs_bg.png) no-repeat top;
    margin: 0
}

.index_cs .sub_header
h1 {
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #a87c41;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 0 0 6px rgba(0, 0, 0, .25);
    margin: 15px 0 0 16px
}

.index_cs .sub_header
h2 {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    text-transform: uppercase;
    font-size: 10px;
    margin: 19px 16px 0 0
}

.index_cs .sub_header
.title_overlay {
    margin: 15px 0 0 0;
    width: 150px
}

.index_cs .cont_container2
h1 {
    font-family: 'Roboto', sans-serif;
    float: left;
    font-size: 14px;
    color: #a87c41;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0px 6px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 10px 0 0 15px
}

.cont_container2 #guild_logo
p {
    display: block;
    position: absolute;
    width: 118px;
    height: 118px;
    background: url(images/avatar_frame.png) no-repeat;
    z-index: 2;
    pointer-events: none;
    top: 0;
    left: 0;
}

.index_cw {
    width: 363px;
    height: auto;
    min-height: 126px;
    float: left;
    margin: 12px 0 0 0;
    overflow: hidden
}

.index_cw
.sub_header {
    width: 100%;
    height: 55px;
    background: url(images/index_cs_bg.png) no-repeat top;
    margin: 0
}

.index_cw .sub_header
h1 {
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #a87c41;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 0 0 6px rgba(0, 0, 0, .25);
    margin: 15px 0 0 16px
}

.index_cw .sub_header
h2 {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    text-transform: uppercase;
    font-size: 10px;
    margin: 19px 16px 0 0
}

.index_cw .sub_header
.title_overlay {
    margin: 15px 0 0 0;
    width: 150px
}

.index_cw .cont_container2
h1 {
    font-family: 'Roboto', sans-serif;
    float: left;
    font-size: 14px;
    color: #a87c41;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0px 6px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 10px 0 0 15px
}

.index_cw .cont_container2
h2 {
    font-family: 'Roboto', sans-serif;
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 0px 6px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 10px 0 0 15px
}

.top_voters {
    width: 296px;
    height: auto;
    min-height: 368px;
    float: left;
    margin: -230px 0 0 12px;
    overflow: hidden
}

.top_voters
.sub_header {
    width: 100%;
    height: 55px;
    background: url(images/index_top_voters_bg.png) no-repeat top;
    margin: 0
}

.top_voters .sub_header
h1 {
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #a87c41;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 0 0 6px rgba(0, 0, 0, .25);
    margin: 15px 0 0 16px
}

.top_voters .sub_header
h2 {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    text-transform: uppercase;
    font-size: 10px;
    margin: 19px 16px 0 0
}

.top_voters .sub_header
.title_overlay {
    margin: 15px 0 0 0;
    width: 150px
}

.cont_container {
    width: 274px;
    margin: 0 auto
}

.cont_container2 {
    width: 353px;
    margin: 0 auto;
}

ul.top_voters_list {
    display: block;
    margin: 5px 0 0 0
}

ul.top_voters_list
li {
    display: block;
    width: 274px;
    height: 42px;
    background: url(images/top_voters_line.png) no-repeat bottom;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

ul.top_voters_list li:last-child {
    background: none
}

ul.top_voters_list li
p {
    display: inline-block;
    color: #463c31;
    font-size: 12px;
    margin: 10px 10px 0 10px
}

ul.top_voters_list li
a {
    display: inline-block;
    font-size: 14px;
    margin: 10px 0 0 0
}

ul.top_voters_list li
span {
    display: inline-block;
    color: #55493f;
    font-size: 13px;
    float: right;
    font-weight: bold;
    margin: 10px 10px 0 0
}

ul.top_voters_list li span
i {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #55493f
}

.gift_box {
    width: 268px;
    height: 79px;
    background: rgba(255, 255, 255, .03);
    border-radius: 3px;
    box-shadow: inset 0 0 2px rgba(68, 51, 31, .15), inset 0 0 20px rgba(88, 71, 63, .35), 0 0 8px rgba(0, 0, 0, .4), 2px 2px 1px rgba(0, 0, 0, .25);
    margin: 5px 0 10px 3px
}

.gift_box
.gift_image {
    width: 82px;
    height: 87px;
    background: url(images/gift_box.png) no-repeat;
    float: left;
    margin: -3px 0 0 -5px
}

.gift_box
h2 {
    float: left;
    display: block;
    width: 180px;
    /* color: #817262; */
    font-size: 12px;
    /* font-family: 'Roboto', sans-serif; */
    /* font-weight: normal; */
    margin: 9px -10px 0 4px;
    left: -5px;
    /* line-height: 140%; */
    /* text-shadow: */
}

.index-status-container {
    width: 308px;
    height: auto;
    overflow: hidden;
}

.spotlight {
    width: 297px;
    height: auto;
    margin: 12px 0 0 0
}

.spotlight
.sub_header {
    width: 297px;
    height: 55px;
    text-align: left;
    background: #131313;
    border-bottom: 1px solid #BF360C;
}

.spotlight .sub_header
h1 {
    display: block;
    float: left;
    width: auto;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #a87c41;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25), 0 0 6px rgba(0, 0, 0, .25);
    margin: 15px 0 0 16px
}

.spotlight .sub_header
.title_overlay {
    top: 15px;
    left: 16px;
    width: 100px
}

.spotlight
.spotlight_image {
}

.spotlight .spotlight_image
img {
    display: block;
    width: 270px;
    height: 105px;
    margin: 7px 0 0 13px;
    border: 1px solid #84663e;
    box-shadow: 0 0 10px rgba(79, 37, 12, .65);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.spotlight
.spotlight_image_overlay {
    position: absolute;
    top: 4px;
    left: 14px;
    width: 270px;
    height: 105px;
    display: block;
    pointer-events: none;
    box-shadow: inset 0 0 5px rgba(147, 107, 56, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.blueberry {
    margin: 0 auto
}

.blueberry
.slides {
    display: block;
    position: relative;
    overflow: hidden
}

.blueberry .slides
li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
    font-family: 'Roboto', sans-serif;
    font-weight: 300
}

.blueberry .slides li
h1 {
    font-size: 15px;
    color: #a58749;
    margin: 13px 0 0 13px;
    font-weight: 300
}

.blueberry .slides li h1
a {
    color: #e8b066
}

.blueberry .slides li h1 a:hover {
    color: #eac26f
}

.blueberry .slides li
h4 {
    font-size: 11px;
    font-weight: 300;
    color: #5e5445;
    margin: 2px 0 0 13px
}

.blueberry .slides li
p {
    font-size: 13px;
    color: #817464;
    padding: 10px 14px 14px 13px
}

.blueberry .slides
li.active {
    display: block;
    position: relative
}

.blueberry .crop li
img {
    width: auto
}

.pager {
    height: 42px;
    text-align: right;
    background: rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, .02), inset 0 1px 1px rgba(0, 0, 0, .05);
    padding: 0 12px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.pager
li {
    display: inline-block
}

.pager li p,
.pager li p
span {
    display: block;
    height: 16px;
    width: 16px
}

.pager li
p {
    padding: 13px 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.pager li p
span {
    overflow: hidden;
    background: #090402;
    text-indent: -9999px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .85), 1px 1px 1px rgba(114, 102, 88, .06);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

.pager li.active p
span {
    background: #332921;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

.pager li p:hover
span {
    background: #403831;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

div.important_notice {
    display: block;
    width: 980px;
    height: 45px;
    margin: 0px 0 12px 0;
    background: url(images/important_bar.png) no-repeat;
    color: #74634d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05);
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

div.important_notice
p {
    display: block;
    padding: 14px 0 0 63px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

div.important_notice:hover {
    opacity: .9;
    box-shadow: 0 0 6px rgba(0, 0, 0, .8), 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 15px rgba(255, 204, 102, .06), inset 0 0 3px rgba(255, 255, 255, .02)
}

div.important_notice:hover
p {
    color: #d7af54
}

.banners {
    width: 297px;
    /* height: 128px; */
    margin: 0 0 12px 0;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4), 2px 2px 1px rgba(0, 0, 0, .25);
}

.banners #support p, .banners #launcher_dw p, .banners #support, .banners
#launcher_dw {
    background-image: url(images/sidebar_banners.png);
    background-repeat: no-repeat;
    display: block;
}

.banners #support p, .banners #launcher_dw
p {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms
}

.banners
#support {
    width: 100%;
    height: 71px;
    background-position: 0 0
}

.banners
#launcher_dw {
    width: 100%;
    height: 56px;
    background-position: 0px -72px;
}

.banners #support
p {
    width: 100%;
    height: 71px;
    background-position: 0 -128px
}

.banners #launcher_dw
p {
    width: 100%;
    height: 57px;
    background-position: 0 -199px
}

.banners #support:hover p, .banners #launcher_dw:hover
p {
    opacity: .8;
    background-color: rgba(255, 255, 255, .05)
}

.video-js {
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    vertical-align: middle
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js:-moz-full-screen {
    position: absolute
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    _position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.vjs-poster {
    margin: 0 auto;
    padding: 0;
    cursor: pointer;
    position: relative;
    width: 100%;
    max-height: 100%;
    z-index: 999
}

.video-js .vjs-text-track-display {
    text-align: center;
    position: absolute;
    bottom: 4em;
    left: 1em;
    right: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.video-js .vjs-text-track {
    display: none;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.50)
}

.video-js .vjs-subtitles {
    color: #fff
}

.video-js .vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

.vjs-fade-in {
    visibility: visible !important;
    opacity: 1 !important;
    -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
    -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
    -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
    -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
    transition: visibility 0s linear 0s, opacity 0.3s linear
}

.vjs-fade-out {
    visibility: hidden !important;
    opacity: 0 !important;
    -webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
    -moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
    -ms-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
    -o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;
    transition: visibility 0s linear 1.5s, opacity 1.5s linear
}

.vjs-default-skin .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: none
}

.vjs-time-divider {
    display: none
}

.warcry-skin .vjs-paused div, .warcry-skin .vjs-playing div, .warcry-skin .vjs-play-control div, .warcry-skin .vjs-mute-control div,
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div, .vjs-default-skin .vjs-mute-control.vjs-vol-1 div, .vjs-default-skin .vjs-mute-control.vjs-vol-2 div,
.warcry-skin .vjs-fullscreen-control div, .warcry-skin .vjs-controls, .warcry-skin div.vjs-big-play-button span, .warcry-skin div.vjs-big-play-button {
    background-image: url(images/media-controls.png);
    background-repeat: no-repeat
}

.video-js {
    box-shadow: 0 0 40px #000, 0 0 10px rgba(0, 0, 0, .6), 0 0 0 5px rgba(0, 0, 0, .2)
}

.warcry-skin .vjs-controls {
    width: 802px;
    height: 48px;
    background-position: -0px -229px;
    border-radius: 6px;
    border: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 -401px;
    box-shadow: inset 0 1px 0 rgba(255, 227, 36, .2), 0 0 35px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(0, 0, 0, .1), 0 0 20px rgba(0, 0, 0, .7)
}

.warcry-skin .vjs-play-control {
    cursor: pointer !important;
    width: 48px;
    height: 36px;
    display: block;
    float: left;
    background: rgba(0, 0, 0, .62);
    border-radius: 5px;
    margin: 6px 0 0 7px;
    transition: box-shadow 500ms;
    -moz-transition: box-shadow 500ms;
    -webkit-transition: box-shadow 500ms;
    -o-transition: box-shadow 500ms;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 227, 36, .15)
}

.warcry-skin .vjs-play-control:hover {
}

.warcry-skin .vjs-play-control
div {
    width: 14px;
    height: 23px;
    background-position: -64px -0px;
    margin: 7px 0 0 2px
}

.warcry-skin .vjs-play-control:hover
div {
    background-position: -78px -0px
}

.warcry-skin .vjs-paused
div {
    width: 14px;
    height: 23px;
    background-position: -64px -0px;
    margin: 7px 0 0 2px
}

.warcry-skin .vjs-paused:hover
div {
    background-position: -78px -0px
}

.warcry-skin .vjs-playing
div {
    width: 18px;
    height: 21px;
    background-position: -168px -0px;
    margin: 7px 0 0 -1px
}

.warcry-skin .vjs-playing:hover
div {
    background-position: -186px -0px
}

.warcry-skin .vjs-current-time {
    left: 0;
    display: none
}

.warcry-skin .vjs-duration {
    right: 0;
    display: none
}

.warcry-skin .vjs-remaining-time {
    right: 0;
    display: none
}

.warcry-skin div.vjs-progress-control {
    width: 564px;
    height: 36px;
    background: rgba(0, 0, 0, .62);
    border: none;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 6px 0 0 7px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 227, 36, .15)
}

.warcry-skin .vjs-progress-holder {
    width: 535px;
    height: 10px;
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #000, 0 1px 0 rgba(255, 255, 255, .03);
    margin: 13px 0 0 0;
    padding: 0 2px
}

.warcry-skin .vjs-load-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 6px;
    z-index: 1;
    opacity: 0
}

.warcry-skin .vjs-play-progress {
    position: absolute;
    left: 2px;
    top: 2px;
    width: auto;
    height: 6px;
    z-index: 2;
    background: url(images/player-timeline-end.gif) no-repeat right, url(images/player-timeline.gif) repeat-x;
    border-radius: 3px
}

.warcry-skin .vjs-seek-handle {
    position: absolute;
    top: 1px;
    width: 15px;
    height: 8px;
    border-radius: 6px;
    background: #a73305;
    z-index: 3;
    cursor: pointer;
    box-shadow: 0 0 4px #000, -1px 0 1px #000, inset 0 0 4px rgba(0, 0, 0, .8), inset 0 0 0 1px #ffd15e, inset 0 0 0 2px #602108;
    transition: background 500ms;
    -moz-transition: background 500ms;
    -webkit-transition: background 500ms;
    -o-transition: background 500ms
}

.warcry-skin .vjs-seek-handle:hover {
    background: #ff4f09
}

.warcry-skin .vjs-mute-control {
    width: 38px;
    height: 36px;
    float: left;
    background: rgba(0, 0, 0, .62);
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    margin: 6px 0 0 7px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 227, 36, .15)
}

.warcry-skin .vjs-mute-control
div {
    width: 24px;
    height: 21px;
    background-position: -0px -153px;
    margin: 7px 0 0 4px;
    cursor: pointer
}

.warcry-skin .vjs-mute-control div:hover {
    background-position: -24px -153px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0
div {
    background-position: -0px -174px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0 div:hover {
    background-position: -24px -174px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1
div {
    background-position: -48px -195px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1 div:hover {
    background-position: -72px -195px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2
div {
    background-position: -0px -195px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2 div:hover {
    background-position: -24px -195px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-3
div {
    background-position: -0px -153px
}

.vjs-default-skin .vjs-mute-control.vjs-vol-3 div:hover {
    background-position: -24px -153px
}

.warcry-skin .vjs-volume-control {
    width: 80px;
    height: 36px;
    position: absolute;
    right: 51px;
    top: 6px;
    background: rgba(0, 0, 0, .62);
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 227, 36, .15)
}

.warcry-skin .vjs-volume-bar {
    position: relative;
    width: 60px;
    height: 10px;
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #000, 0 1px 0 rgba(255, 255, 255, .03);
    margin: 14px 7px 0 0;
    z-index: 1
}

.warcry-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 6px;
    z-index: 2;
    background: url(images/player-timeline.gif) repeat-x;
    border-radius: 3px;
    margin: 2px 0 0 0;
    left: 2px
}

.warcry-skin .vjs-volume-handle {
    position: absolute;
    top: 1px;
    margin: 0 0 0 0;
    width: 12px;
    height: 8px;
    border-radius: 6px;
    background: #a73305;
    z-index: 3;
    cursor: pointer;
    box-shadow: 0 0 4px #000, -1px 0 1px #000, inset 0 0 4px rgba(0, 0, 0, .8), inset 0 0 0 1px #ffd15e, inset 0 0 0 2px #602108;
    transition: background 500ms;
    -moz-transition: background 500ms;
    -webkit-transition: background 500ms;
    -o-transition: background 500ms
}

.warcry-skin .vjs-fullscreen-control {
    width: 37px;
    height: 36px;
    display: block;
    float: right;
    background: rgba(0, 0, 0, .62);
    border-radius: 5px;
    cursor: pointer;
    margin: 6px 7px 0 0;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 227, 36, .15)
}

.warcry-skin .vjs-fullscreen-control
div {
    width: 23px;
    height: 17px;
    background-position: -122px -0px;
    margin: 9px 0 0 0
}

.warcry-skin .vjs-fullscreen-control div:hover {
    background-position: -145px -0px
}

.warcry-skin .vjs-big-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -37px 0 0 -32px;
    display: block;
    z-index: 2;
    cursor: pointer;
    width: 64px;
    height: 75px;
    background-position: -0px -0px;
    z-index: 1000
}

.warcry-skin div.vjs-big-play-button
span {
    display: block;
    width: 64px;
    height: 75px;
    background-position: -0px -75px;
    opacity: 0;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

.warcry-skin div.vjs-big-play-button:hover
span {
    opacity: .7
}

#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
    font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
    color: #fff
}

#sb-container {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: left;
    visibility: hidden;
    display: none
}

#sb-overlay {
    position: relative;
    height: 100%;
    width: 100%
}

#sb-wrapper {
    position: absolute;
    visibility: hidden;
    width: 100px
}

#sb-wrapper-inner {
    position: relative;
    border: 1px solid #dfa049;
    border-radius: 5px;
    overflow: hidden;
    height: 100px;
    box-shadow: 0 0 10px #000
}

#sb-body {
    position: relative;
    height: 100%
}

#sb-body-inner {
    position: absolute;
    height: 100%;
    width: 100%
}

#sb-player.html {
    height: 100%;
    overflow: auto
}

#sb-body
img {
    border: none
}

#sb-loading {
    position: relative;
    height: 100%
}

#sb-loading-inner {
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    text-align: center;
    color: #dfa049
}

#sb-loading-inner
span {
    background: url(shadowbox/loading.gif) no-repeat;
    padding-left: 34px;
    display: inline-block
}

#sb-body, #sb-loading {
    background-color: #060606
}

#sb-title, #sb-info {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden
}

#sb-title, #sb-title-inner {
    height: 26px;
    line-height: 26px;
    color: #dfa049;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .9), 0 0 3px rgba(0, 0, 0, .9), 0 0 5px rgba(0, 0, 0, .9)
}

#sb-title-inner {
    font-size: 16px
}

#sb-info, #sb-info-inner {
    height: 20px;
    line-height: 20px
}

#sb-info-inner {
    font-size: 12px
}

#sb-nav {
    float: right;
    height: 16px;
    padding: 2px 0;
    width: 45%
}

#sb-nav
a {
    display: block;
    float: right;
    height: 16px;
    width: 16px;
    margin-left: 3px;
    cursor: pointer;
    background-repeat: no-repeat
}

#sb-nav-close {
    background-image: url(shadowbox/close.png)
}

#sb-nav-next {
    background-image: url(shadowbox/next.png)
}

#sb-nav-previous {
    background-image: url(shadowbox/previous.png)
}

#sb-nav-play {
    background-image: url(shadowbox/play.png)
}

#sb-nav-pause {
    background-image: url(shadowbox/pause.png)
}

#sb-counter {
    float: left;
    width: 45%
}

#sb-counter
a {
    padding: 0 4px 0 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff
}

#sb-counter a.sb-counter-current {
    text-decoration: underline
}

div.sb-message {
    font-size: 12px;
    padding: 10px;
    text-align: center
}

div.sb-message a:link, div.sb-message a:visited {
    color: #fff;
    text-decoration: underline
}

#sb-description {
    padding: 20px;
    background: rgba(0, 0, 0, .85);
    color: #dfa049;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .5)
}

.features-bg {
    width: 980px;
    height: auto;
    min-height: 473px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: .7
}

.features-bg {
    background-image: url(images/houroftwilight.png)
}

textarea.bbcode {
    width: 816px;
    height: auto;
    min-height: 350px;
    text-align: left
}

.sceditor-container {
    position: relative;
    background: rgba(0, 0, 0, .35);
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .24), 0 1px 0 rgba(255, 255, 255, .03)
}

.sceditor-container.resizing {
    overflow: hidden
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown
div {
    padding: 0;
    margin: 0
}

div.sceditor-dropdown,
div.sceditor-dropdown
div {
    z-index: 3
}

.sceditor-container iframe, .sceditor-container
textarea {
    border: 0;
    outline: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #838383;
    padding: 0;
    margin: 5px;
    resize: none
}

.sceditor-container
textarea {
    padding: 5px
}

.sceditor-container.ie6 {
    overflow: hidden
}

.sceditor-maximize {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 10000;
    background: #000
}

/*Used for IE6 as it has no position fixed support*/
html.sceditor-maximize, body.sceditor-maximize {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    /* Fixes issues with IE height being too big overflow : hidden*/
}

.ie6.sceditor-maximize {
    /* IE6 has no position fixed support position : absolute*/
}

.sceditor-maximize div.sceditor-grip {
    display: none
}

.sceditor-maximize div.sceditor-toolbar {
    width: auto !important;
    margin: 5px !important
}

.sceditor-toolbar body
textarea {
    background: none;
    border-radius: 0;
    box-shadow: none
}

.sceditor-toolbar body textarea:focus {
    box-shadow: none;
    border: none
}

div.sceditor-dropdown input[type="text"] {
    background: #0b0a0a;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.02);
    color: #6C6C6C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 34px;
    padding: 0 10px;
    transition: all 300ms ease 0s
}

div.sceditor-dropdown input[type="button"], div.sceditor-dropdown input[type="submit"] {
    display: inline-block;
    border: none;
    background: #433f37;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #080808;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 1px 1px rgba(255, 255, 255, .05), inset 0 -5px 5px rgba(0, 0, 0, .25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

div.sceditor-dropdown input[type="button"]:hover, div.sceditor-dropdown input[type="submit"]:hover {
    background: #575249
}

div.sceditor-resize-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 3000px;
    height: 6000px;
    z-index: 2;
    filter: alpha(opacity=30);
    opacity: 0.3
}

div.sceditor-grip
.sceditor-button-grip {
    overflow: hidden;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;

}

div.sceditor-dropdown {
    position: absolute;
    margin: 22px 0 0 1px;
    background: #2b2926;
    border-radius: 5px;
    color: #838383;
    font-size: 13px;
    z-index: 6;
    box-shadow: 0 0 25px rgba(0, 0, 0, 1), inset 0 0 0 1px rgba(255, 255, 255, .03)
}

div.sceditor-dropdown
form {
    margin: 0
}

div.sceditor-dropdown
label {
    display: block;
    font-weight: bold;
    font-size: .95em;
    margin: .65em 0 .15em;
    color: #706c66;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

div.sceditor-dropdown
.button {
    margin: .5em 0 0
}

.sceditor-pastetext
textarea {
    border: 1px solid #bbb;
    width: 20em
}

div.sceditor-inserttable, div.sceditor-insertimage, div.sceditor-pastetext, div.sceditor-insertlink, div.sceditor-insertemail {
    padding: 5px
}

.sceditor-insertemoticon
img {
    cursor: pointer;
    margin: 2px
}

.sceditor-more {
    border-top: 1px solid #bbb;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 2px 0
}

.sceditor-more:hover {
    background: #eee
}

.sceditor-fontsize-option, .sceditor-font-option {
    display: block;
    padding: 4px 6px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #838383
}

.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #eee
}

.sceditor-color-column {
    float: left
}

.sceditor-color-option {
    display: block;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    overflow: hidden
}

.sceditor-color-option:hover {
    border: 1px solid #333
}

div.sceditor-toolbar {
    width: 806px;
    padding: 3px 4px 0 3px;
    overflow: hidden;
    zoom: 1;
    line-height: 0;
    background: url(images/bar-bg.png) repeat-x;
    border-radius: 3px;
    top: 2px;
    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);
    text-align: left
}

div.sceditor-group {
    overflow: hidden;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 0 4px 4px;
    *margin: 2px 5px 2px 0;
    padding: 2px;
    border-radius: 3px;
    background: rgba(155, 150, 137, .08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 1px rgba(0, 0, 0, .3)
}

.sceditor-toolbar:first-child {
    padding-left: 0px
}

.sceditor-button {
    float: left;
    cursor: pointer;
    padding: 3px 4px;
    border-radius: 1px
}

.sceditor-button.active {
    background: rgba(0, 0, 0, .2)
}

.sceditor-button.disabled
div {
    filter: alpha(opacity=30);
    opacity: 0.3
}

.sceditor-button.disabled:hover {
    background: inherit;
    cursor: default
}

.sceditor-button div, .sceditor-button {
    display: block;
    width: 16px;
    height: 16px
}

.sceditor-button
div {
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    opacity: .7
}

.sceditor-button:hover {
    background: rgba(0, 0, 0, .2)
}

.sceditor-button:hover
div {
    opacity: 1
}

.sceditor-button-youtube div, .sceditor-button-link div, .sceditor-button-unlink div, .sceditor-button-underline div, .sceditor-button-time div, .sceditor-button-table div,
.sceditor-button-superscript div, .sceditor-button-subscript div, .sceditor-button-strike div, .sceditor-button-source div, .sceditor-button-size div, .sceditor-button-rtl div,
.sceditor-button-right div, .sceditor-button-removeformat div, .sceditor-button-quote div, .sceditor-button-print div, .sceditor-button-pastetext div, .sceditor-button-paste div,
.sceditor-button-orderedlist div, .sceditor-button-ltr div, .sceditor-button-left div, .sceditor-button-justify div, .sceditor-button-italic div, .sceditor-button-image div,
.sceditor-button-horizontalrule div, .sceditor-button-font div, .sceditor-button-emoticon div, .sceditor-button-email div, .sceditor-button-date div, .sceditor-button-cut div,
.sceditor-button-copy div, .sceditor-button-color div, .sceditor-button-code div, .sceditor-button-center div, .sceditor-button-bulletlist div, .sceditor-button-bold div, .sceditor-button-maximize div, .sceditor-button-grip {
    background-image: url(images/bbcode-icons.png);
    background-repeat: no-repeat
}

.sceditor-button-youtube
div {
    background-position: 0px 0px;
    width: 16px;
    height: 16px
}

.sceditor-button-link
div {
    background-position: 0px -16px;
    width: 16px;
    height: 16px
}

.sceditor-button-unlink
div {
    background-position: 0px -32px;
    width: 16px;
    height: 16px
}

.sceditor-button-underline
div {
    background-position: 0px -48px;
    width: 16px;
    height: 16px
}

.sceditor-button-time
div {
    background-position: 0px -64px;
    width: 16px;
    height: 16px
}

.sceditor-button-table
div {
    background-position: 0px -80px;
    width: 16px;
    height: 16px
}

.sceditor-button-superscript
div {
    background-position: 0px -96px;
    width: 16px;
    height: 16px
}

.sceditor-button-subscript
div {
    background-position: 0px -112px;
    width: 16px;
    height: 16px
}

.sceditor-button-strike
div {
    background-position: 0px -128px;
    width: 16px;
    height: 16px
}

.sceditor-button-source
div {
    background-position: 0px -144px;
    width: 16px;
    height: 16px
}

.sceditor-button-size
div {
    background-position: 0px -160px;
    width: 16px;
    height: 16px
}

.sceditor-button-rtl
div {
    background-position: 0px -176px;
    width: 16px;
    height: 16px
}

.sceditor-button-right
div {
    background-position: 0px -192px;
    width: 16px;
    height: 16px
}

.sceditor-button-removeformat
div {
    background-position: 0px -208px;
    width: 16px;
    height: 16px
}

.sceditor-button-quote
div {
    background-position: 0px -224px;
    width: 16px;
    height: 16px
}

.sceditor-button-print
div {
    background-position: 0px -240px;
    width: 16px;
    height: 16px
}

.sceditor-button-pastetext
div {
    background-position: 0px -256px;
    width: 16px;
    height: 16px
}

.sceditor-button-paste
div {
    background-position: 0px -272px;
    width: 16px;
    height: 16px
}

.sceditor-button-orderedlist
div {
    background-position: 0px -288px;
    width: 16px;
    height: 16px
}

.sceditor-button-ltr
div {
    background-position: 0px -304px;
    width: 16px;
    height: 16px
}

.sceditor-button-left
div {
    background-position: 0px -320px;
    width: 16px;
    height: 16px
}

.sceditor-button-justify
div {
    background-position: 0px -336px;
    width: 16px;
    height: 16px
}

.sceditor-button-italic
div {
    background-position: 0px -352px;
    width: 16px;
    height: 16px
}

.sceditor-button-image
div {
    background-position: 0px -368px;
    width: 16px;
    height: 16px
}

.sceditor-button-horizontalrule
div {
    background-position: 0px -384px;
    width: 16px;
    height: 16px
}

.sceditor-button-font
div {
    background-position: 0px -400px;
    width: 16px;
    height: 16px
}

.sceditor-button-emoticon
div {
    background-position: 0px -416px;
    width: 16px;
    height: 16px
}

.sceditor-button-email
div {
    background-position: 0px -432px;
    width: 16px;
    height: 16px
}

.sceditor-button-date
div {
    background-position: 0px -448px;
    width: 16px;
    height: 16px
}

.sceditor-button-cut
div {
    background-position: 0px -464px;
    width: 16px;
    height: 16px
}

.sceditor-button-copy
div {
    background-position: 0px -480px;
    width: 16px;
    height: 16px
}

.sceditor-button-color
div {
    background-position: 0px -496px;
    width: 16px;
    height: 16px
}

.sceditor-button-code
div {
    background-position: 0px -512px;
    width: 16px;
    height: 16px
}

.sceditor-button-center
div {
    background-position: 0px -528px;
    width: 16px;
    height: 16px
}

.sceditor-button-bulletlist
div {
    background-position: 0px -544px;
    width: 16px;
    height: 16px
}

.sceditor-button-bold
div {
    background-position: 0px -560px;
    width: 16px;
    height: 16px
}

.sceditor-button-grip {
    background-position: 0px -576px;
    width: 10px;
    height: 10px
}

.sceditor-button-maximize
div {
    background-position: 0px -608px;
    width: 16px;
    height: 16px
}

.quick-menu {
    position: absolute;
    top: 46px;
    left: 345px;
    width: 17px;
    height: 26px;
    background: rgba(102, 93, 85, .17);
    border-radius: 3px;
    box-shadow: 0 0 28px rgba(0, 0, 0, .5), 0 0 15px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(255, 255, 0, .03), 0 1px 2px rgba(0, 0, 0, .2);
    transition: all 100ms;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    z-index: 9999
}

.quick-menu
.arrow {
    display: block;
    width: 17px;
    height: 24px;
    float: left;
    background: url(images/quick-menu-arrow.png) no-repeat center
}

.quick-menu:hover {
    width: 25px;
    overflow: visible
}

.dropdown-qmenu {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    top: 0px;
    left: 18px;
    background: #2f2d29;
    overflow: hidden;
    border-radius: 0 3px 3px 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .5);
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    opacity: 0
}

.quick-menu:hover .dropdown-qmenu {
    width: 150px;
    height: 186px;
    opacity: 1
}

.dropdown-qmenu
li {
    display: block;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 0 6px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .02)
}

.dropdown-qmenu li
a {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 0 6px 8px;
    color: #5c5851;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4), 1px 1px 0 rgba(0, 0, 0, .1)
}

.dropdown-qmenu li a:hover {
    color: #c3914f;
    background: rgba(0, 0, 0, .05)
}

.dropdown-qmenu li#messages-ddm {
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 -1px 0 rgba(255, 255, 255, .1)
}

.dropdown-qmenu li#messages-ddm
a {
    padding: 8px 0 8px 0;
    text-transform: none;
    text-align: center
}

.dropdown-qmenu li#messages-ddm a
i {
    color: #4c4943
}

.dropdown-qmenu li#messages-ddm a
b {
    color: #767169
}

#IndexTextFader {
    width: 717px;
    height: 152px;
    position: absolute;
    left: 475px;
    top: 215px;
    z-index: 999
}

.ForumsTextFader#IndexTextFader {
    width: 717px;
    height: 152px;
    position: absolute;
    left: 320px;
    top: 120px;
    z-index: 999
}

#IndexTextFader
a {
    width: 717px;
    height: 152px
}

.account {
    padding: 1px 0 0 0
}

.account_light_cont, .account-wide {
    /* width: 843px; */
    /* padding: 0; */
    /* z-index: 10; */
}

.cont-image {
    width: auto;
    height: auto;
    padding: 19px 0 0 0;
    /* min-height: 400px; */
}

.account_info_cont {
    /* border-radius: 3px; */
    /* box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .01), 0 0 45px 5px rgba(0, 0, 0, .65), 0 1px 1px rgba(0, 0, 0, .25); */
    margin: 0px 0px 10px 0px;
}

.account_info {
    /* background: rgba(33, 33, 33, 0.62); */
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    /* text-shadow: 0 0 4px rgba(0, 0, 0, .3), 0 1px 0 rgba(0, 0, 0, .2); */
}

.account_info
ul {
}

.account_info
ul.account_avatar {
    width: 179px
}

.account_info
ul.account_info_main {
	margin: auto;
	text-align: center;
}

.account_info
ul.account_info_second {
}

.account_info ul.account_info_main li, .account_info ul.account_info_second
li {
    /* margin: 0 0 0 28px */
}

.account_info ul
li {
    display: block
}

.account_info ul li
span {
    display: inline-block;
    color: #9E9E9E;
}

.account_info ul li
div {
    display: inline-block
}

.account_info ul li
p {
    display: inline-block;
    color: #90A4AE;
    margin: 0px 0px 0px 5px;
}

ul.account_avatar {
}

ul.account_avatar
li#avatar {
    display: block;
    width: 118px;
    height: 118px;
    margin: 33px auto 0 auto;
    background: #333;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0, 0, 0, .6);
}

ul.account_avatar li#avatar
span {
    display: block;
    position: absolute;
    width: 116px;
    height: 116px;
    background-size: 100%;
    z-index: 1;
    top: 0;
    left: 0
}

ul.account_avatar li#avatar
p {
    display: block;
    position: absolute;
    width: 118px;
    height: 118px;
    background: url(images/avatar_frame.png) no-repeat;
    z-index: 2;
    pointer-events: none;
    top: 0;
    left: 0
}

ul.account_avatar
li#server {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 10px;
    margin: 10px 0 0 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .20)
}

ul.account_avatar li#server
a {
    color: #565043
}

ul.account_avatar li#server a:hover {
    color: #e9a930
}

.account_info
ul.account_info_main {
}

.account_info ul.account_info_main li
span {
    
    text-align: left
}

.account_info ul.account_info_main
li#accountstat {
    margin: 20px 0 0 28px
}

.account_info ul.account_info_main li#accountstat
p {
    color: #c2a269
}

.account_info ul.account_info_main
li#username {
    margin: 0 0 12px 28px
}

/*.account_info ul.account_info_main li#pcoins{margin:15px 0 0 28px}*/
.account_info ul.account_info_main li#pcoins p {
    color: #00ffa8;
    margin: 0 0 0 8px
}

.account_info ul.account_info_main li#gcoins p {
    color: #b38e47;
    margin: 0 0 0 8px
}

.account_info ul.account_info_main li#scoins p {
    color: #969696;
    margin: 0 0 0 8px
}

.account_info ul.account_info_main li#pcoins div {
    width: 13px;
    height: 13px;
    background-image: url(images/p-coin.png);
    background-size: 100%;
    top: 2px
}

.account_info ul.account_info_main li#gcoins div {
    width: 13px;
    height: 13px;
    background-image: url(images/g-coin.png);
    background-size: 100%;
    top: 2px
}

.account_info ul.account_info_main li#scoins div {
    width: 13px;
    height: 13px;
    background-image: url(images/s-coin.png);
    background-size: 100%;
    top: 2px
}

.account_info ul.account_info_second {
}

.account_info ul.account_info_second
li {
}

.account_info ul.account_info_second li:first-child {
    margin: 20px 0 0 28px
}

.account_info ul.account_info_second li
span {
    width: 135px
}

#accoun_panel_menu {
    /* width: 880px; */
    /* height: auto; */
    /* float: left; */
    margin: 0px 0 0 60px;
    /* background: url(images/account_main_menu_bg.png) no-repeat top; */
}

#accoun_panel_menu i.fas, i.fab, i.far {
    margin-left: 10px;
}

#accoun_panel_menu
li {
    display: block;
    float: left;
    width: 280px;
    height: 72px;
    border-radius: 3px;
    background: rgba(66, 66, 66, 0.40);
    margin: 0 10px 10px 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

#accoun_panel_menu li.disabled {
    opacity: 0.3;
}

#accoun_panel_menu li
a {
    display: block;
    width: 312px;
    height: 55px;
}

#accoun_panel_menu li a div#icon-donate {
    background-image: url(images/usercp-icons/donate-hover.jpg);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-donate {
    background-image: url(images/usercp-icons/donate-hover.jpg);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-vip {
    background-image: url(images/usercp-icons/vip.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-vip {
    background-image: url(images/usercp-icons/vip-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-webshop {
    background-image: url(images/usercp-icons/webshop-hover.jpg);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-webshop {
    background-image: url(images/usercp-icons/webshop-hover.jpg);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-vote {
    background-image: url(images/usercp-icons/vote-hover.jpg);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-vote {
    background-image: url(images/usercp-icons/vote-hover.jpg);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-lottery {
    background-image: url(images/usercp-icons/lottery-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-lottery {
    background-image: url(images/usercp-icons/lottery-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-reset {
    background-image: url(images/usercp-icons/reset-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-reset {
    background-image: url(images/usercp-icons/reset-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-greset {
    background-image: url(images/usercp-icons/greset-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-greset {
    background-image: url(images/usercp-icons/greset-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-addstats {
    background-image: url(images/usercp-icons/addstats-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-addstats {
    background-image: url(images/usercp-icons/addstats-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-resetstats {
    background-image: url(images/usercp-icons/resetstats-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-resetstats {
    background-image: url(images/usercp-icons/resetstats-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-dualstats {
    background-image: url(images/usercp-icons/switchstats.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-dualstats {
    background-image: url(images/usercp-icons/switchstats-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-resetskilltree {
    background-image: url(images/usercp-icons/resetskilltree-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-resetskilltree {
    background-image: url(images/usercp-icons/resetskilltree-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-dualskilltree {
    background-image: url(images/usercp-icons/dualskilltree.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-dualskilltree {
    background-image: url(images/usercp-icons/dualskilltree-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-unstuck {
    background-image: url(images/usercp-icons/unstuck.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-unstuck {
    background-image: url(images/usercp-icons/unstuck-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-clearpk {
    background-image: url(images/usercp-icons/resetpk.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-clearpk {
    background-image: url(images/usercp-icons/resetpk-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-clearinv {
    background-image: url(images/usercp-icons/clearinvent.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-clearinv {
    background-image: url(images/usercp-icons/clearinvent-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-achievements {
    background-image: url(images/usercp-icons/achievements.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-achievements {
    background-image: url(images/usercp-icons/achievements-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-auction {
    background-image: url(images/usercp-icons/auction-hover.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-auction {
    background-image: url(images/usercp-icons/auction-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-exchange {
    background-image: url(images/usercp-icons/exchange.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-exchange {
    background-image: url(images/usercp-icons/exchange-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-market {
    background-image: url(images/usercp-icons/market.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-market {
    background-image: url(images/usercp-icons/market-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-webbank {
    background-image: url(images/usercp-icons/bank.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-webbank {
    background-image: url(images/usercp-icons/bank-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a div#icon-blacksmith {
    background-image: url(images/usercp-icons/blacksmith.png);
    width: 37px;
    height: 37px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #746c5a, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5);
    margin: 8px 10px 0 10px
}

#accoun_panel_menu li a:hover div#icon-blacksmith {
    background-image: url(images/usercp-icons/blacksmith-hover.png);
    box-shadow: inset 0 0 0 1px #f2bc39, inset 0 0 6px 3px rgba(0, 0, 0, .7), 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .5)
}

#accoun_panel_menu li a span {
    font-size: 13px;
    float: left;
    display: block;
    text-align: left;
    margin: 14px 12px 0px 6px;
    font-family: 'Roboto', sans-serif;
    color: #9E9E9E;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4), 0 0 4px rgba(0, 0, 0, .6);
}

#accoun_panel_menu li a span p {
    color: #fff59d;
    font-size: 18px;
	margin: 0;
}

#accoun_panel_menu li, #accoun_panel_menu li a, #accoun_panel_menu li a div, #accoun_panel_menu li a span, #accoun_panel_menu li a span p {
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

#accoun_panel_menu li:hover {
    background: rgba(0, 0, 0, .16);
    box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .06), 0 0 3px rgba(0, 0, 0, .13);
}

#accoun_panel_menu li a:hover span {
    color: #9E9E9E;
}

#accoun_panel_menu li a:hover span p {
    color: #FBE9E7;
}

#accoun_panel_menu li#title {
    width: 570px;
    height: 60px;
    margin: 20px 0 20px 0;
    padding: 0;
    background: none;
    box-shadow: none;
}

#accoun_panel_menu li#title a {
    display: block;
    width: 570px;
    /* height: 60px; */
    background-position: 0 0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .2);
}

#accoun_panel_menu li#title a p {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 570px;
    height: 60px;
    background-position: 0 -60px;
    opacity: 0;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

#accoun_panel_menu li#title a:hover p {
    opacity: 1
}

.quick_acc_menu {
        /* width: 238px; */
    /* height: auto; */
    /* min-height: 440px; */
    float: left;
    text-align: left;
    /* background: url(images/account_sub_menu_bg.png) no-repeat top left; */
    padding: 17px 0 0 0;
}

.quick_acc_menu
li {
    display: block;
    margin: 2px 0 2px 35px
}

.quick_acc_menu li
a {
    display: block;
    padding: 8px 0 8px 21px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #BDBDBD;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 0 4px rgba(0, 0, 0, .4);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
}

.quick_acc_menu li a p, .quick_acc_menu li a
span {
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 11px;
    height: 11px;
    background-image: url(images/account_panel_submenu_ar.png);
    background-color: transparent;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
}

.quick_acc_menu li a
p {
    background-position: 0 0;
    opacity: 1
}

.quick_acc_menu li a
span {
    background-position: 0 -11px;
    opacity: 0
}

.quick_acc_menu li a:hover
p {
    opacity: 0
}

.quick_acc_menu li a:hover
span {
    opacity: 1
}

.quick_acc_menu li a:hover {
    color: #FBE9E7
}

.quick_acc_menu li.special
a {
    color: #b49660
}

.quick_acc_menu li.special a:hover {
    color: #ffe672
}

.avatars_groups {
    padding: 30px 0 30px 0
}

.avatars_group_holder {
    text-align: left;
    margin: 0 0 0 30px;
    padding: 10px 0 0 0
}

.not_avaliable {
    pointer-events: none !important;
    opacity: .3 !important
}

.avatars_group_holder
h1 {
    display: block;
    width: 92%;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    color: #645d4f;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4), 0 0 4px rgba(0, 0, 0, .3);
    padding: 0 0 10px 8px;
    margin: 0 0 0 12px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .1)
}

.avatars_group_holder
ul.avatars_group {
    padding: 20px 20px 10px 20px
}

ul.avatars_group
li {
    display: block;
    width: 116px;
    height: 116px;
    float: left;
    margin: 0 10px 10px 0
}

ul.avatars_group li
a {
    display: block;
    width: 116px;
    height: 116px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #605b55, inset 0 0 3px 1px rgba(0, 0, 0, .8), 0 0 6px 1px rgba(0, 0, 0, .6);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

ul.avatars_group li a:hover {
    box-shadow: inset 0 0 0 1px #9d8546, inset 0 0 3px 1px rgba(0, 0, 0, .8), 0 0 6px 1px rgba(0, 0, 0, .6), inset 0 0 30px rgba(255, 255, 255, .1), 0 0 25px rgba(0, 0, 0, .5)
}

ul.avatars_group li#active
a {
    box-shadow: inset 0 0 0 2px #9d8546, 0 0 3px rgba(157, 133, 70, .4), inset 0 0 3px rgba(157, 133, 70, .6)
}

.boosts_page {
    width: 100%;
    height: auto;
    background: url(images/boosts_bg.png) no-repeat top
}

.purchase_boost {
    width: 615px;
    height: auto;
    float: left;
    overflow: hidden;
    padding: 0 0 26px 0
}

.purchase_boost
.top_info {
    width: 532px;
    height: auto;
    padding: 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    text-align: left;
    margin: 29px 0 0 -7px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #827f76
}

ul.select_boost {
    width: 635px;
    padding: 28px 28px 0 28px
}

ul.select_boost
li {
    display: block;
    width: 262px;
    height: 94px;
    float: left;
    margin: 0 28px 28px 0
}

ul.select_boost li
a {
    display: block;
    width: 262px;
    height: 94px;
    background: rgba(254, 229, 168, .02);
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #322f2a, 0 0 5px rgba(0, 0, 0, .3), inset 0 0 5px rgba(0, 0, 0, .3);
    text-align: left;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

ul.select_boost li a div.icon, ul.active_boosts li
div.icon {
    width: 38px;
    height: 38px;
    background-size: 100%;
    float: left;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #53493a, inset 0 0 4px rgba(0, 0, 0, .8), 0 0 5px rgba(0, 0, 0, .6), inset 0 0 4px rgba(0, 0, 0, .9);
    margin: 9px 9px 0 9px;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

ul.select_boost li a
div.info {
    width: 177px;
    height: 56px;
    float: left;
    border-radius: 4px;
    background: rgba(0, 0, 0, .15);
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding: 10px;
    margin: 9px 0 0 0;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
}

ul.select_boost li a div.info
h2 {
    font-size: 14px;
    color: #b0a28b;
    margin: -3px 0 2px 0
}

ul.select_boost li a div.info
h3 {
    font-size: 12px;
    font-weight: normal;
    color: #42403e
}

ul.select_boost li a
p {
    display: none
}

ul.select_boost li a:hover
p {
    display: none
}

ul.select_boost li a:hover {
    background: rgba(254, 229, 168, .03);
    box-shadow: inset 0 0 0 1px #4c4740
}

ul.select_boost li a:hover
div.icon {
    box-shadow: inset 0 0 0 1px #837859, inset 0 0 4px rgba(0, 0, 0, .8), 0 0 5px rgba(0, 0, 0, .6), inset 0 0 4px rgba(0, 0, 0, .9)
}

ul.select_boost li.selected
a {
    background: rgba(254, 229, 168, .04);
    box-shadow: inset 0 0 0 1px #4f411b, 0 0 3px rgba(255, 204, 51, .15), inset 0 0 3px rgba(255, 204, 51, .15)
}

ul.select_boost li.selected a
div.icon {
    box-shadow: inset 0 0 0 1px #836b2b, inset 0 0 4px rgba(0, 0, 0, .8), 0 0 5px rgba(0, 0, 0, .6), inset 0 0 4px rgba(0, 0, 0, .9)
}

ul.select_boost li.disabled
a {
    opacity: .5;
    cursor: default
}

ul.select_boost li.disabled a:hover {
    background: rgba(254, 229, 168, .02);
    box-shadow: inset 0 0 0 1px #322f2a, 0 0 5px rgba(0, 0, 0, .3), inset 0 0 5px rgba(0, 0, 0, .3)
}

ul.select_boost li.disabled a:hover
div.icon {
    box-shadow: inset 0 0 0 1px #53493a, inset 0 0 4px rgba(0, 0, 0, .8), 0 0 5px rgba(0, 0, 0, .6), inset 0 0 4px rgba(0, 0, 0, .9);
    opacity: .5
}

ul.select_boost li.disabled a:hover
div.info {
    opacity: .5
}

ul.select_boost li.disabled a
p {
    display: block;
    width: 190px;
    height: 26px;
    background: rgba(0, 0, 0, .85);
    padding: 8px 0 0 0;
    border-radius: 5px;
    position: absolute;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    top: 25px;
    left: 35px;
    color: #d3be9b;
    text-shadow: 0 0 4px #000, 0 0 4px #000, 0 1px 1px #000;
    opacity: 0;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

ul.select_boost li.disabled a:hover
p {
    display: block;
    opacity: 1
}

.purchase_boost .select-period {
    width: 552px;
    left: 0 !important;
    margin: 0 !important
}

.purchase_boost .select-period
span {
    float: left;
    margin: 4px 0 0 6px
}

.purchase_boost .select-period
label {
    margin: -1px 20px 0 0
}

.purchase_boost .select-period label:last-child {
    margin: -1px 18px 0 0
}

.purchase_boost .select-period label
p.dr {
    color: #474544
}

.purchase_boost .select-period label p.dr
b {
    color: #8f7d5a
}

.purchase_boost
.purchase_btn {
    float: left;
    margin: 15px 0 0 28px
}

.purchase_boost .select-currency {
    left: 126px;
    margin: 15px 0 0 0
}

.boosts_page
div.active_boosts {
    width: 228px;
    height: auto;
    float: left;
    text-align: left
}

.boosts_page div.active_boosts
h1 {
    font-family: calibri;
    font-size: 16px;
    text-transform: uppercase;
    color: #8f8570;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    margin: 25px 0 0 25px
}

ul.active_boosts {
    margin: 25px 0 0 24px
}

ul.active_boosts
li {
    display: block;
    width: 181px;
    height: 48px;
    background: rgba(254, 229, 168, .02);
    border-radius: 3px;
    box-shadow: inset 0 0 3px rgba(255, 255, 255, .04), inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 5px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .02);
    margin: 0 0 15px 0
}

ul.active_boosts li
div.icon {
    margin: 5px
}

ul.active_boosts li
p {
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #57544f;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    margin: 15px 0 0 10px
}

ul.active_boosts li p
b {
    color: #67625a
}

.store_notice
h1 {
    display: block;
    font-size: 14px;
    padding: 0 120px;
    line-height: 160%;
    color: #666158;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4), 0 0 4px rgba(0, 0, 0, .5);
    margin: 40px 0 0 0
}

.store_notice h1
b {
    color: #9b9589
}

.login-box-holder {
    width: 436px;
    height: 341px;
    top: 30%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    box-shadow: inset 0 0 0 2px #2b221a, 0 0 10px #000, 0 0 10px #000, inset 0 0 15px rgba(0, 0, 0, .6), 0 0 85px #000;
    background: url(images/texture_light_2.gif) !important
}

.login-box {
    padding: 33px
}

.login-box input[type='text'], .login-box input[type='password'] {
    width: 351px;
    height: 41px;
    margin: 0 0 20px 0
}

.login-box input[type='submit'] {
    margin: 5px 0 0 0;
    padding: 0 28px 2px 28px
}

.login-box
p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #68594a;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    padding: 0 0 5px 2px
}

.login-box-options {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 -1px 0 rgba(0, 0, 0, .3);
    padding: 10px 0 0 0;
    margin: 22px 0 0 0;
    /* font-family: 'Roboto', sans-serif; */
    /* font-size: 14px; */
    /* color: #74634d; */
    /* text-shadow: 1px 1px 1px rgba(0, 0, 0, .45), 0 0 5px rgba(0, 0, 0, .95); */
}

.login-page {
    width: 78%;
    text-align: left;
    padding: 30px 0 0 0
}

.login-success {
    padding: 20px 0 20px 0;
    text-align: center;
    text-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.login-success
h1 {
    color: #b6a98f;
    margin: 0 0 12px 0
}

.login-success
p {
    color: #726a59
}

.login-box-row {
}

.login-box-row
label.label_check {
    margin: 10px 0 0 10px
}

.green {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(66, 255, 0, .1), inset 0 0 28px 25px rgba(66, 255, 0, .05), inset 0 0 18px 0px rgba(66, 255, 0, .15);
    color: #54a22c;
    text-shadow: 0 1px 0 #000, 0 0 6px #000
}

.red {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 66, 0, .1), inset 0 0 28px 25px rgba(255, 66, 0, .05), inset 0 0 18px 0px rgba(255, 66, 0, .15);
    color: #a23535;
    text-shadow: 0 1px 0 #000, 0 0 6px #000
}

.orange {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 165, 0, .1), inset 0 0 28px 25px rgba(255, 165, 0, .05), inset 0 0 18px 0px rgba(255, 165, 0, .15);
    color: #E56717;
    text-shadow: 0 1px 0 #000, 0 0 6px #000
}

.blue {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(66, 0, 255, .1), inset 0 0 28px 25px rgba(66, 0, 255, .05), inset 0 0 18px 0px rgba(66, 0, 255, .15);
    color: #3535a2;
    text-shadow: 0 1px 0 #000, 0 0 6px #000
}

.light_brown {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .05), inset 0 0 28px 25px rgba(255, 255, 255, .03), inset 0 0 18px 0px rgba(255, 255, 255, .1);
    color: #6c6c6c;
    text-shadow: 0 1px 0 #000, 0 0 6px #000
}

.grlb-a-fix {
    display: block;
    width: 99%;
    padding: 0
}

a.light_brown:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .05), inset 0 0 28px 25px rgba(255, 255, 255, .03), inset 0 0 18px 0px rgba(255, 255, 255, .06)
}

.green, .red, .orange, .blue, .light_brown {
    padding: 0
}

.wide {
    width: 85%
}

.wider {
    width: 100%
}

.error-holder {
    width: 75%
}

.green p, .red p, .orange p, .blue p, .light_brown p {
    font-size: 12px;
    padding: 0 12px 0 10px;
    display: inline-block;
    width: 85%;
    margin: 13px 0 13px 0;
    vertical-align: top
}

.error_icons {
    background-image: url(images/misc_main.png);
    background-repeat: no-repeat;
    background-color: transparent;
    width: auto;
    height: 28px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 8px;
    top: 6px
}

.attention {
    width: 28px;
    background-position: -892px -0px
}

.success {
    width: 28px;
    background-position: -920px -0px
}

.info {
    width: 25px;
    margin: 5px 0 0 10px;
    background-position: -792px -25px
}

.mail {
    width: 30px;
    background-position: -948px -0px
}

.has-js .label_check, .has-js
.label_radio {
    display: inline-block
}

.has-js .label_check p, .has-js .label_radio
p {
    vertical-align: top;
    padding-top: 4px
}

.has-js .label_check
p {
    /*padding-top:2px*/
}

.has-js .label_check div, .has-js .label_radio
div {
    width: 26px;
    height: 25px;
    display: inline-block;
    cursor: pointer;
    background-color: transparent
}

.has-js .label_check
div {
    background-image: url(images/checkbox.png)
}

.has-js .label_radio
div {
    background-image: url(images/radio-checkbox.png)
}

.has-js .label_check p, .has-js .label_radio
p {
    display: inline-block
}

.has-js .label_check
div {
    background-position: -0px -0px
}

.has-js .label_check div:hover {
    background-position: -26px -0px
}

.has-js label.c_on
div {
    background-position: -52px -0px
}

.has-js label.c_on div:hover {
    background-position: -78px -0px
}

.has-js .label_radio
div {
    background-position: -0px -0px
}

.has-js .label_radio div:hover {
    background-position: -24px -0px
}

.has-js label.r_on
div {
    background-position: -48px -0px
}

.has-js label.r_on div:hover {
    background-position: -72px -0px
}

.has-js .label_check input, .has-js .label_radio
input {
    position: absolute;
    left: -9999px
}

.admincp-button, .admincp-button a {
    position: fixed;
    top: 10px;
    right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    z-index: 99999;
}

.gmcp-button, .gmcp-button a {
    position: fixed;
    top: 10px;
    right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    z-index: 99999;
}

.bt-button, .bt-button a {
    position: fixed;
    top: 40px;
    right: 10px;
    text-decoration: none;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    z-index: 99999;
}

.language-switch {
    position: fixed;
    top: 10px;
    left: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    z-index: 99999;
}

/*
	CSS Notification Boxes & Tooltips
*/

.box {
    color: #000;
    /* / min-width : 843 px;*/
    width: 88%;
    padding: 15px 50px;
    margin: 5px 0;
    font: normal 12px/12px arial, helvetica, sans-serif;
    /* border radius */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

strong {
    margin-right: 10px;
}

/*.success {
 background: url(../img/success.png), #efffb9;
 background-color: #efffb9;
 background-position: 10px center;
 background-repeat: no-repeat;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
0 2px 1px rgba(255, 255, 255, 0.8) inset,
0 -2px 2px #e2f897 inset;
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
0 2px 1px rgba(255, 255, 255, 0.8) inset,
0 -2px 2px #e2f897 inset;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
0 2px 1px rgba(255, 255, 255, 0.8) inset,
0 -2px 2px #e2f897 inset;
 border: 1px solid #99c600;
} */

.error {
    /* background */
    background: url(../img/error.png), #fccac2;
    background-color: #fccac2;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #fcb7ac inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #fcb7ac inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #fcb7ac inset;
    /* border */
    border: 1px solid #eb5339;
}

.warning {
    /* background */
    background: url(../img/warning.png), #ffeaa8;
    background-color: #ffeaa8;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #ffe285 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #ffe285 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #ffe285 inset;
    /* border */
    border: 1px solid #f9b416;
}

.information {
    /* background */
    background: url(../img/info.png), #d0e4f4;
    background-color: #d0e4f4;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #bbd9f1 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #bbd9f1 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #bbd9f1 inset;
    /* border */
    border: 1px solid #4d8fcb;
}

.tip {
    /* background */
    background: url(../img/bulb.png), #ffeac8;
    background-color: #ffeac8;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ffe2b3 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ffe2b3 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ffe2b3 inset;
    /* border */
    border: 1px solid #d38e4a;
}

.message {
    /* background */
    background: url(../img/message.png), #f2f2f2;
    background-color: #f2f2f2;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ddd inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ddd inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ddd inset;
    /* border */
    border: 1px solid #aaa;
}

.download {
    /* background */
    background: url(../img/download.png), #efffb9;
    background-color: #efffb9;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #e2f897 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #e2f897 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #e2f897 inset;
    /* border */
    border: 1px solid #99c600;
}

.edit {
    /* background */
    background: url(../img/edit.png), #ffeaa8;
    background-color: #ffeaa8;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #ffe285 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #ffe285 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.8) inset,
    0 -2px 2px #ffe285 inset;
    /* border */
    border: 1px solid #f9b416;
}

.chat {
    /* background */
    background: url(../img/chat.png), #d0e4f4;
    background-color: #d0e4f4;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #bbd9f1 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #bbd9f1 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #bbd9f1 inset;
    /* border */
    border: 1px solid #4d8fcb;
}

.lock {
    /* background */
    background: url(../img/lock.png), #f2f2f2;
    background-color: #f2f2f2;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ddd inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ddd inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ddd inset;
    /* border */
    border: 1px solid #aaa;
}

.construction {
    /* background */
    background: url(../img/construction.png), #ffeac8;
    background-color: #ffeac8;
    background-position: 10px center;
    background-repeat: no-repeat;
    /* shadows and highlights */
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ffe2b3 inset;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ffe2b3 inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15),
    0 2px 1px rgba(255, 255, 255, 0.5) inset,
    0 -2px 2px #ffe2b3 inset;
    /* border */
    border: 1px solid #d38e4a;
}

.terms-of-usage {
    padding: 0 0 10px 0
}

.terms-of-usage
h1 {
    color: #918979;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    text-shadow: 0 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 8px 12px;
    padding: 10px 0 0 0
}

#terms-container {
    width: 620px;
    clear: both;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .05);
    overflow: hidden
}

#terms-container
.viewport {
    width: 600px;
    height: 700px;
    overflow: hidden;
    position: relative;
    float: left
}

#terms-container
.overview {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    padding: 5px;
    color: #6c6c6c
}

.terms-shadow {
    width: 700px;
    height: 34px;
    background: url(images/terms-shadow.png) repeat-x;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1
}

#terms-container
.scrollbar {
    position: relative;
    float: right;
    width: 10px;
    left: -2px;
    z-index: 2
}

#terms-container
.track {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 10px;
    position: relative;
    padding: 0 1px
}

#terms-container
.thumb {
    background: #191816;
    width: 8px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: inset 0 2px 0 #0a0908, inset 0 -2px 0 #0a0908
}

#terms-container
.disable {
    display: none
}

.terms-of-usage
input.agree {
    background: rgba(0, 255, 0, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 5px rgba(0, 0, 0, .6);
    color: #918979;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .4);
    margin: 0 0 22px 0
}

.terms-of-usage input.agree:hover {
    background: rgba(0, 255, 0, .07)
}

.terms-of-usage
a.dissagree {
    display: inline-block;
    background: rgba(255, 255, 153, .03);
    color: #000;
    font-weight: bold;
    padding: 9px 9px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 5px rgba(0, 0, 0, .5);
    margin: 10px 0 22px 6px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .02);
    font-family: 'Ropa Sans', sans-serif
}

.terms-of-usage a.dissagree:hover {
    background: rgba(255, 255, 153, .04)
}

#terms-container
.overview {
}

#terms-container .overview h3, .terms-of-use
h3 {
    color: #a68a5e;
    margin: 20px 0 5px 0
}

#terms-container .overview p, .terms-of-use
p {
    color: #938a7d
}

.terms-of-use {
    padding-top: 10px
}

/* PAYPAL */
.paypal-gateway-container {
    width: 100%;
    background: #1a2133;
    border: 1px solid #2e374f;
}

.paypal-gateway-logo {
    width: 100%;
    height: 68px;
    background: #fff9ec url('images/paypal-logo-200-68.png') no-repeat top center;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.paypal-gateway-content {
    margin: 10px;
    background: #fef2da;
    border: 2px solid #f79433;
    padding: 10px;
    overflow: auto;
}

.paypal-gateway-conversion-rate {
    margin: 0px auto;
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 10px 0px;
}

.paypal-gateway-form {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.paypal-gateway-form div {
    display: inline-block;
    padding: 0px 10px;
    color: #000;
    font-size: 18px;
}

.paypal-gateway-form input[type=text] {
    width: 40px;
}

.paypal-gateway-continue {
    margin: 0px auto;
    text-align: center;
}

/* MERCADOPAGO */
.mercadopago-gateway-container {
    width: 100%;
    background: #1a2133;
    border: 1px solid #2e374f;
}

.mercadopago-gateway-logo {
    width: 100%;
    height: 68px;
    background: #fff9ec url('images/mercadopago.png') no-repeat top center;
    background-size: contain;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mercadopago-gateway-content {
    margin: 10px;
    background: #fef2da;
    border: 2px solid #f79433;
    padding: 10px;
    overflow: auto;
}

.mercadopago-gateway-conversion-rate {
    margin: 0px auto;
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 10px 0px;
}

.mercadopago-gateway-form {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.mercadopago-gateway-form div {
    display: inline-block;
    padding: 0px 10px;
    color: #000;
    font-size: 18px;
}

.mercadopago-gateway-form input[type=text] {
    width: 40px;
}

.mercadopago-gateway-continue {
    margin: 0px auto;
    text-align: center;
}

/* PAGSEGURO */
.pagseguro-gateway-container {
    width: 100%;
    background: #1a2133;
    border: 1px solid #2e374f;
}

.pagseguro-gateway-logo {
    width: 100%;
    height: 68px;
    background: #fff9ec url('images/pagseguro.png') no-repeat top center;
    margin-bottom: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.pagseguro-gateway-content {
    margin: 10px;
    background: #fef2da;
    border: 2px solid #f79433;
    padding: 10px;
    overflow: auto;
}

.pagseguro-gateway-conversion-rate {
    margin: 0px auto;
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 10px 0px;
}

.pagseguro-gateway-form {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.pagseguro-gateway-form div {
    display: inline-block;
    padding: 0px 10px;
    color: #000;
    font-size: 18px;
}

.pagseguro-gateway-form input[type=text] {
    width: 40px;
}

.pagseguro-gateway-continue {
    margin: 0px auto;
    text-align: center;
}

.paynl-gateway-logo {
    width: 100%;
    height: 68px;
    background: url('images/paynl.png') no-repeat top center;
    margin-bottom: 10px;
}

.wu h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #e8b066;
    font-size: 17px;
    margin: -2px 0 0 0;
}

/* RANKINGS MODULE */
.rankings-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: "Palatino Linotype", "Times", serif;
    table-layout: fixed;
}

.rankings-table img {
    width: 50px;
    height: auto;
    border: 1px solid #59411c;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.rankings-table tr td {
    border-bottom: 1px solid #3d372c;
    padding: 10px;
    font-size: 18px;
}

.rankings-table tr:nth-child(2) {
    background: url('../img/rankings_top_1.jpg') no-repeat;
}

.rankings-table tr:nth-child(2) td img {
    width: 80px;
    height: auto;
    border: 1px solid #59411c;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.rankings-table-place {
    color: #ffcc00;
    font-weight: bold;
    font-size: 32px !important;
    text-align: center;
}

.rankings-table tr:first-child td {
    color: #877e6f;
}

.rankings-update-time {
    text-align: right;
    font-size: 11px;
    font-family: "Palatino Linotype", "Times", serif;
    color: #877b61;
    padding: 10px 0px;
    margin-right: 10px;
}

.rankings_menu {
    width: 100%;
    overflow: auto;
    text-align: center;
    margin-bottom: 10px;
}

.rankings_menu span {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    color: #f3e6d0;
    font: 24px "Palatino Linotype", "Times", serif;
}

.rankings_menu a {
    display: inline-block;
    width: 150px;
    border: 1px solid #423d32;
    text-align: center;
    padding: 2px 0px;
    margin: 2px;
    background: #302d26;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #b08652;
}

.rankings_menu a:hover {
    color: #ffbf6f;
}

.rankings_menu a.active {
    color: #ffbf6f;
}

.rankings_menu_filter {
    width: 100%;
    overflow: auto;
    text-align: center;
    margin-bottom: 10px;
}

.rankings_menu_filter span {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    color: #f3e6d0;
    font: 24px "Palatino Linotype", "Times", serif;
}

.rankings_menu_filter a {
    display: inline-block;
    width: 100px;
    border: 1px solid #423d32;
    text-align: center;
    padding: 2px 0px;
    margin: 2px;
    background: #302d26;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #b08652;
}

.rankings_menu_filter a:hover {
    color: #ffbf6f;
}

.rankings_menu_filter a.active {
    color: #ffbf6f;
}

.rankings_menu_filter2 {
    width: 100%;
    overflow: auto;
    text-align: center;
    margin-bottom: 10px;
}

.rankings_menu_filter2 span {
    width: 100%;
    display: inline-block;
    padding: 10px 0px;
    color: #f3e6d0;
    font: 24px "Palatino Linotype", "Times", serif;
}

.rankings_menu_filter2 a {
    display: inline-block;
    width: 23%;
    border: 1px solid #423d32;
    text-align: center;
    padding: 2px 0px;
    margin: 2px;
    background: #302d26;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #b08652;
}

.rankings_menu_filter2 a:hover {
    color: #ffbf6f;
}

.rankings_menu_filter2 a.active {
    color: #ffbf6f;
}

.rankings_guild_logo tr td {
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.rankings-gens-img {
    width: 50px !important;
    height: auto !important;
    border: 0 !important;
    -moz-box-shadow: 0 0 0px #000 !important;
    -webkit-box-shadow: 0 0 0px #000 !important;
    box-shadow: 0 0 0px #000 !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.holder-bugtracker {
}

.bug-reports-holder {
    width: 257px;
    height: auto;
    background: rgba(25, 25, 24, .7);
    float: left;
    margin: 0 40px 0 0;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .015), inset 0 0 15px rgba(0, 0, 0, .015);
    text-align: center;
    padding: 30px 0 20px 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1)
}

.bug-reports-holder.reports {
    margin: 0 40px 0 43px
}

.bug-reports-holder
h1 {
    font-family: gautami;
    font-size: 55px;
    line-height: 124%;
    height: 63px;
    margin: 0 0 5px 0;
    color: #4b4842;
    top: -10px
}

.bug-reports-holder
h3 {
    font-weight: normal;
    text-transform: uppercase;
    font-family: gautami;
    font-weight: bold;
    color: #403d38;
    font-family: 'Ropa Sans', sans-serif
}

.bug-reports-holder.confirmed {
    background: #1d2716;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .015), inset 0 0 15px rgba(0, 0, 0, .015),
    inset 0 0 15px rgba(0, 255, 0, .05), inset 0 0 0 1px rgba(0, 255, 0, .05)
}

.bug-reports-holder.confirmed
h1 {
    color: #b7b0a2
}

.bug-reports-holder.confirmed
h3 {
    color: #607D8B;
}

.submit-bug-report {
    display: block;
    float: left;
    width: 317px;
    height: 136px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .35);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .03), 0 0 8px rgba(0, 0, 0, .3), inset 0 0 0 1px #000, inset 0 0 0 2px #1f1e1b
}

.plus-ico {
    width: 36px;
    height: 36px;
    opacity: .4;
    float: left;
    margin: 52px 0 0 45px
}

.plus-ico #partone, .plus-ico
#parttwo {
    position: absolute
}

.plus-ico
#partone {
    height: 36px;
    width: 8px;
    background: #958e7f;
    left: 50%;
    margin: 0 0 0 -4px
}

.plus-ico
#parttwo {
    height: 8px;
    width: 36px;
    background: #958e7f;
    top: 50%;
    margin: -4px 0 0 0
}

.submit-bug-report
h1 {
    float: left;
    margin: 54px 0 0 25px;
    display: block;
    color: #958e7f;
    opacity: .4;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 28px
}

.submit-bug-report:hover {
}

.submit-bug-report:hover .plus-ico {
    opacity: .8
}

.submit-bug-report:hover
h1 {
    opacity: .8
}

.bug-tracker-info {
    padding: 20px 0 0 0;
    width: 910px;
    color: #474643;
    text-align: left;
    text-shadow: 0 0 4px rgba(0, 0, 0, 1), 0 1px 0 rgba(0, 0, 0, 1);
    border-top: solid 2px #302f29;
    margin: 30px 0 0 0;
    font-size: 13px
}

.report-title {
    width: 915px;
    text-align: left;
    margin: 0 0 20px 0;
    text-shadow: 0 0 8px rgba(0, 0, 0, 1), 1px 1px 0 rgba(0, 0, 0, .5)
}

.report-title
h1 {
    font-family: 'Ropa Sans', sans-serif;
    font-size: 26px;
    color: #958e7f;
    font-weight: normal;
    text-transform: uppercase
}

.report-title
h4 {
    font-weight: normal;
    color: #504e49
}

.sub-selects {
    display: inline-block
}

#sub-cat-select {
    width: 180px
}

#select-class {
    width: 180px
}

.select-priority {
    padding: 0 0 20px 0;
    width: 100%;
}

.select-priority
label {
    padding: 0 20px 0 0
}

.select-priority label
p {
    color: #a59f97
}

.bugs-submited-by-me {
    text-align: left;
    width: 880px;
    padding: 15px;
    margin: 30px 0 0 0;
    background: rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 11px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .02);
    border-radius: 4px;
    color: #59554d;
    text-shadow: 0 0 5px rgba(0, 0, 0, .8), 0 1px 1px rgba(0, 0, 0, .8)
}

.bugs-submited-by-me
b {
    font-size: 13px;
    display: inline-block;
    padding: 0 2px;
    color: #949088
}

.bugs-submited-by-me
span {
    color: #3f3c37;
    font-style: italic;
    padding: 0 0 0 10px
}

.bugs-submited-by-me
a {
    float: right;
    text-transform: uppercase;
    font-size: 11px;
    padding: 1px 0 0 0
}

.all-reports-by-me {
    width: 910px;
    height: auto;
    padding: 0 0;
    margin: 10px 0 0 0;
    background: #181816;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(255, 255, 255, .007), inset 0 0 15px rgba(0, 0, 0, .015);
    text-align: left;
    border-radius: 4px;
    overflow: hidden
}

.reports
li {
    display: block;
    border-bottom: solid 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 204, .03)
}

.reports li:last-child {
    border-bottom: none
}

.reports li
a {
    display: block;
    width: 890px;
    padding: 0 10px
}

.reports li a
p {
    display: inline-block;
    padding: 11px 0;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

.reports li a
p.title {
    width: 350px;
    font-weight: bold;
    color: #53514e
}

.reports li a p.main-cat {
    width: 120px;
    color: #4b4945
}

.reports li a p.sub-cat {
    width: 190px;
    color: #4b4945
}

.reports li a
p.prio {
    font-weight: bolder;
    color: #5d5952
}

.reports li a
p.status {
    float: right;
    font-weight: bold;
    text-align: right;
    text-shadow: 0 0 5px #000
}

.reports li a.pending p.status {
    color: #52504e;
    opacity: .6
}

.reports li a.declined p.status {
    color: #691f0e;
    opacity: .6
}

.reports li a.approved p.status {
    color: #79a026
}

.reports li a.new p.status {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #0000ff;
    font-weight: bold;
}

.reports li a.declined p.status {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #691f0e;
    font-weight: bold;
}

.reports li a.approved p.status {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #79a026;
    font-weight: bold;
}

.reports li a.pending p.status {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #ff8a00;
    font-weight: bold;
}

.reports li a.progress p.status {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #ffde00;
    font-weight: bold;
}

.reports li a:hover {
    background: rgba(255, 255, 255, .015)
}

.reports li
a.approved {
    background: rgba(102, 255, 0, .013)
}

.reports li a.approved
p.title {
    color: #7d7972
}

.reports li a.approved p.main-cat {
    display: none
}

.reports li a.approved p.sub-cat {
    display: none
}

.reports li a.approved
p.prio {
    display: none
}

.reports li a.approved
p.status {
    float: left;
    width: 70px;
    text-align: left
}

.reports li a.approved:hover {
    background: rgba(102, 255, 0, .015);
    box-shadow: inset 0 1px 0 rgba(255, 255, 204, .03), inset 0 0 7px rgba(102, 255, 0, .1)
}

.bugs-search-bar {
    width: 870px;
    padding: 20px 20px 15px 20px;
    margin: 0 0 35px 0;
    text-align: left
}

.bugs-search-bar input[type="text"] {
    width: 520px;
    float: left
}

#search-category {
    width: 200px;
    float: left;
    margin: 0 0 0 20px
}

.bugs-search-bar input[type="submit"] {
    float: left;
    margin: 1px 0 0 20px;
    height: 30px
}

.bug-search-results {
}

.bug-search-results
h4 {
    font-size: 22px;
    font-weight: normal;
    text-align: left;
    margin: 0 0 38px 77px;
    color: #55524d;
    text-shadow: 0 0 5px rgba(0, 0, 0, 1), 2px 2px 0 rgba(0, 0, 0, .3)
}

.bug-search-results h4
span {
    color: #837d71;
    display: inline-block;
    padding: 0 2px
}

.bug-report-search-results {
}

.bug-report-row {
    display: block;
    width: 780px;
    height: auto;
    margin: 0 auto;
    padding: 13px 0 16px 0;
    text-align: left;
    border-bottom: dashed 1px rgba(0, 0, 0, .4);
    text-shadow: 0 0 4px rgba(0, 0, 0, .7), 2px 2px 0 rgba(0, 0, 0, .2)
}

.bug-report-row
li {
    display: inline-block
}

.bug-report-row
li.title {
    width: 46%;
    font-size: 13px;
    font-weight: bold;
    color: #91897c;
    padding: 0 0 0 2%
}

.bug-report-row
li.by {
    width: 20%;
    color: #4e4c48
}

.bug-report-row
li.date {
    width: 20%;
    color: #4e4c48
}

.bug-report-row
li.status {
    width: 8%;
    text-align: center;
    margin: 4px 0 0 5px;
    color: #4e4c48;
    padding: 0 2% 0 0
}

.bug-report-row li.status.approved {
    color: #79a026
}

.bug-report-row li.status.pending {
    color: #52504e;
    opacity: .6
}

.bug-report-row li.status.declined {
    color: #691f0e;
    opacity: .6
}

.bug-report-row li.status.new {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #0000ff;
    font-weight: bold;
}

.bug-report-row li.status.declined {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #691f0e;
    font-weight: bold;
}

.bug-report-row li.status.approved {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #79a026;
    font-weight: bold;
}

.bug-report-row li.status.pending {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #ff8a00;
    font-weight: bold;
}

.bug-report-row li.status.progress {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #ffde00;
    font-weight: bold;
}

.bug-report-row:hover {
    background: rgba(0, 0, 0, .1)
}

.bug-report-row:hover li.title {
    color: #e09933
}

.bug-report-search-results ul:last-child {
    border-bottom: none
}

ul.cs_avatar {
    width: 179px
}

ul.cs_avatar {
}

ul.cs_avatar li#logo {
    display: block;
    width: 118px;
    height: 118px;
    margin: 10px 107px 0 107px;
    background: #333;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0, 0, 0, .6)
}

ul.cs_avatar li#logo span {
    display: block;
    position: absolute;
    width: 116px;
    height: 116px;
    background-size: 100%;
    z-index: 1;
    top: 0;
    left: 0
}

ul.cs_avatar li#logo p {
    display: block;
    position: absolute;
    width: 118px;
    height: 118px;
    background: url(images/avatar_frame.png) no-repeat;
    z-index: 2;
    pointer-events: none;
    top: 0;
    left: 0
}

ul.cs_avatar li#server {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .20)
}

ul.cs_avatar li#server a {
    color: #565043
}

ul.cs_avatar li#server a:hover {
    color: #e9a930
}

.changelogs {
    width: 914px;
    padding: 0
}

.changelogs ul { 
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

.changelogs li { 
    display: list-item;
}

.changelogs-cats {
    margin: 0 0 20px 40px
}

.changelogs-cats
a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 12px;
    text-align: left;
    float: left;
    border-radius: 4px;
    background: #212121;
    box-shadow: 0 0 16px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 204, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    margin: 0 20px 0 0;
    font-family: 'Ropa Sans', sans-serif;
    color: #8BC34A;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    opacity: .6
}

.changelogs-cats a
p {
    display: block;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #9e9e9e;
}

.changelogs-cats a:hover {
    color: #33691E;
    background: rgba(33, 33, 33, 0.62);
    opacity: .6
}

.changelogs-cats a:hover
p {
}

.changelogs-cats
a.active {
    background: #212121;
    box-shadow: 0 0 2px #795548, inset 0 0 0 1px rgba(96, 125, 139, 0.2), inset 0 1px 0 rgba(255, 255, 255, .05);
    color: #8BC34A;
    opacity: .9;
}

.changelogs-cats a.active
P {
    color: #9e9e9e;
}

table.changes-list {
    border-spacing: 0px;
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

table.changes-list
tr {
    padding: 8px 0;
    display: block;
    border-bottom: dotted 1px #090908
}

table.changes-list tr:last-child {
    border: none
}

table.changes-list tr:nth-child(even) {
}

table.changes-list tr:nth-child(odd) {
    background: rgba(255, 255, 255, .01)
}

table.changes-list tr
td {
    vertical-align: top;
    color: #42403d;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

table.changes-list tr td.changelog-rev {
    width: 89px;
    padding: 0 0 0 9px;
    border-right: dotted 1px #282623
}

table.changes-list tr td.changelog-by {
    width: 80px;
    padding: 0 0 0 9px;
    font-weight: bold;
    color: #595652;
    border-right: dotted 1px #282623
}

table.changes-list tr td.changelog-date {
    width: 95px;
    padding: 0 0 0 9px;
    border-right: dotted 1px #282623
}

table.changes-list tr td.changelog-info {
    padding: 0 9px 0 9px;
    color: #5c5955
}

.load-more {
    width: 100%;
    height: auto;
    padding: 13px 0;
    background: rgba(0, 0, 0, .25);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5)
}

.load-more
a {
    display: block;
    padding: 3px;
    font-family: 'Ropa Sans', sans-serif;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(0, 0, 0, .7), 0 1px 1px rgba(0, 0, 0, .8)
}

/*
    these are just the default styles used in the Cycle2 demo pages.
    you can use these styles or any others that you wish.
*/

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cycle-slideshow {
    width: 297px;
    padding: 0;
    position: relative;
}

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img {
    /*
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute;
    /*top: 0;
    left: 0;
    width: 100%;*/
    padding: 0;
    display: block;
}

/* in case script does not load */
.cycle-slideshow img:first-child {
    /* position: static; */
    z-index: 100;
    margin-left: 5px;
}

/* pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: absolute;
    top: 10px;
    overflow: hidden;
}

.cycle-pager span {
    font-family: arial;
    font-size: 50px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
    color: #D69746;
}

.cycle-pager > * {
    cursor: pointer;
}

/* caption */
.cycle-caption {
    position: absolute;
    color: white;
    bottom: 15px;
    right: 15px;
    z-index: 700;
}

/* overlay */
.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 600;
    background: black;
    color: white;
    padding: 15px;
    opacity: .5;
}

/* prev / next links */
.cycle-prev, .cycle-next {
    position: absolute;
    top: 0;
    width: 30%;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 800;
    height: 100%;
    cursor: pointer;
}

.cycle-prev {
    left: 0;
    background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}

.cycle-next {
    right: 0;
    background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}

.cycle-prev:hover, .cycle-next:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}

/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused';
    color: white;
    background: black;
    padding: 10px;
    z-index: 500;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 10px;
    opacity: .5;
    filter: alpha(opacity=50);
}

/*
    media queries
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow {
        width: 200px;
    }

    .cycle-overlay {
        padding: 4px
    }

    .cycle-caption {
        bottom: 4px;
        right: 4px
    }
}

.example-pager {
    padding: 13px 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.example-pager span {
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background: #090402;
    text-indent: -9999px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .85), 1px 1px 1px rgba(114, 102, 88, .06);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

.example-pager span.cycle-pager-active {
    background: #332921;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

.example-pager span:hover {
    background: #403831;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

.example-pager2 {
    padding: 13px 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.example-pager2 span {
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background: #090402;
    text-indent: -9999px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .85), 1px 1px 1px rgba(114, 102, 88, .06);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

.example-pager2 span.cycle-pager-active {
    background: #332921;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

.example-pager2 span:hover {
    background: #403831;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

ul.hof {
    display: block;
    margin: 5px 0 0 0
}

ul.hof
li {
    display: block;
    width: 297px;
    height: 42px;
    background: url(images/top_voters_line.png) no-repeat bottom;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

ul.hof li:last-child {
    background: none
}

ul.hof li
p {
    display: inline-block;
    color: #463c31;
    font-size: 12px;
    margin: 10px 10px 0 5px;
}

ul.hof li
a {
    display: inline-block;
    color: #9E9E9E;
    font-size: 14px;
    margin: 10px 0 0 0;
}

ul.hof li a:hover {
    color: #817262
}

ul.hof li
span {
    display: inline-block;
    color: #90A4AE;
    font-size: 13px;
    float: right;
    font-weight: bold;
    margin: 10px 10px 0 0;
}

ul.hof li span
i {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #55493f
}

.sub_header h2 {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #493f34;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
    text-transform: uppercase;
    font-size: 10px;
    margin: 19px 16px 0 0
}

#castle-siege {
    width: 100%;
    padding: 5px 0px;
    background: #12110f;
    text-align: center;
    font-family: FaceYourFears;
}

#castle-siege table {
    width: 980px;
    height: 150px;
    background: url('../img/castle-siege.jpg') no-repeat center;
    margin: 0px auto;
    font-size: 18px;
}

#castle-siege .cs-logo {
    width: 160px;
}

#castle-siege .cs-guild-info {
    width: 300px;
    text-align: left;
}

#castle-siege .cs-guild-info span.cs-guild-title {
    color: #ff0000;
    font-size: 48px;
}

#castle-siege .cs-timeleft {
    font-family: FaceYourFears;
    font-size: 62px;
}

#castle-siege .cs-timeleft span {
    color: #ff0000;
}

/* GUILD PROFILES */
.profiles_guild_table {
    width: 100%;
    table-layout: fixed;
    margin: 10px auto;
    background: #0a0908;
    padding: 10px;
}

.profiles_guild_table tr td {
    text-align: left;
}

.profiles_guild_table .gname {
    font-family: 'Revalia', cursive;
    text-align: center;
    font-size: 32px;
    color: #f18a37;
}

.profiles_guild_table .gmembs {
    font-family: 'Revalia', cursive;
    text-align: center;
    font-size: 18px;
    color: #f1b337;
}

.profiles_guild_table .memblist {
    text-align: center;
}

.profiles_guild_table .memblist div {
    float: left;
    width: 20%;
    display: inline;
}

/* PLAYER PROFILES */
.profiles_player_card {
    width: 680px;
    height: 400px;
}

.DK.profiles_player_card, .BK.profiles_player_card, .BM.profiles_player_card {
    background: url('../img/profiles/knight.jpg') no-repeat;
}

.DW.profiles_player_card, .SM.profiles_player_card, .GM.profiles_player_card {
    background: url('../img/profiles/wiz.jpg') no-repeat;
}

.ELF.profiles_player_card {
    background: url('../img/profiles/elf.jpg') no-repeat;
}

.SUM.profiles_player_card {
    background: url('../img/profiles/sum.jpg') no-repeat;
}

.DL.profiles_player_card, .LE.profiles_player_card {
    background: url('../img/profiles/dl.jpg') no-repeat;
}

.MG.profiles_player_card, .DM.profiles_player_card {
    background: url('../img/profiles/mg.jpg') no-repeat;
}

.RF.profiles_player_card, .FM.profiles_player_card {
    background: url('../img/profiles/rf.jpg') no-repeat;
}

.profiles_player_content {
    float: right;
    width: 400px;
    height: 400px;
}

.profiles_player_table {
    width: 100%;
}

.profiles_player_table .cname {
    font-family: 'Revalia', cursive;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.profiles_player_table .cclass {
    text-align: center;
    font-size: 11px;
    color: #eee;
}

.profiles_player_table .isoffline {
    color: #ff0000;
}

.profiles_player_table .isonline {
    color: #00ff00;
}

.profiles_player_table_info {
    table-layout: fixed;
    margin-top: 10px;
}

.profiles_player_table_info tr td {
    padding: 3px 10px;
}

.profiles_player_table_info tr td:first-child {
    text-align: right;
}

.main-wide {
    margin: 0 0 40px 0;
    width: 996px;
}

.wide-padding {
    background: url(images/forum_mc_image1.png) no-repeat top;
    padding: 35px 60px 60px 60px;
}

.forum-padding {
    padding: 52px 62px 62px 62px;
    background: url(images/forum_bg_image.png) no-repeat top;
}

h1.category-title {
    display: block;
    padding: 0 0 33px 0;
    margin: 0 0 0 25px;
}

h1.category-title a {
    display: block;
    color: #6d6657;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 0 8px #000000, 0 1px 1px #000000;
    text-transform: uppercase;
}

/* Important notice - top */
a.important_notice {
    display: block;
    width: 980px;
    height: 45px;
    margin: 0px 0 12px 0;
    background: url(images/misc/important_bar.png) no-repeat;
    color: #74634d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05);
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}

a.important_notice p {
    display: block;
    padding: 14px 0 0 63px;
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}

a.important_notice:hover {
    opacity: .9;
    box-shadow: 0 0 6px rgba(0, 0, 0, .8), 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 15px rgba(255, 204, 102, .06), inset 0 0 3px rgba(255, 255, 255, .02);
}

a.important_notice:hover p {
    color: #d7af54;
}

a.important_notice:hover {
    opacity: .9;
    box-shadow: 0 0 6px rgba(0, 0, 0, .8), 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 15px rgba(255, 204, 102, .06), inset 0 0 3px rgba(255, 255, 255, .02);
}

a.important_notice:hover p {
    color: #d7af54;
}

/* Forum top navigation */
.page-header-navigation {
    padding: 30px 0 35px 0;
    margin: 0;
}

.page-header-navigation a {
    display: inline-block;
    color: #343026;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 0 7px;
    padding: 1px 0 0 20px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .5), 0 1px 1px #000;
    background: url(images/top-nav-arrow.png) no-repeat left;
}

.page-header-navigation a:hover {
    color: #403b2f;
}

.page-header-navigation a:first-child {
    background: none;
    padding: 0;
    margin: 0 0 0 50px;
    text-transform: uppercase;
}

.page-header-navigation a:last-child {
    color: #645E4B;
}

.page-header-navigation a:last-child:hover {
    color: #77705a;
}

/* FORUM ROW Style */

ul.forum_row {
    width: 843px;
    height: 65px;
    margin: 0 auto 15px auto;
    border-radius: 3px;
    overflow: hidden;
    background: url(images/forum_row_bg.png) no-repeat, url(images/texture_light_2.gif) repeat;
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.forum_row:hover {
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), inset 0 0 0 80px rgba(255, 255, 204, .008);
}

ul.forum_row li {
    float: left;
    display: block;
    width: auto;
    height: 65px;
    text-shadow: 0 0 6px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .6);
}

ul.forum_row li.icon {
    width: 65px;
}

ul.forum_row li.icon img {
    margin: 6px 0 0 6px;
}

ul.forum_row li.forum_title_desc {
    width: 399px;
}

ul.forum_row li.forum_title_desc a {
    display: block;
    width: 399px;
    height: 65px;
}

ul.forum_row li.forum_title_desc a:hover h1 {
    color: #ae925d;
}

ul.forum_row li.forum_title_desc a:hover h2 {
    color: #635f55;
}

ul.forum_row li.forum_title_desc a h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #907748;
    font-weight: bold;
    margin: 15px 0 0 20px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.forum_row li.forum_title_desc a h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4b4840;
    font-weight: bold;
    margin: 4px 0 0 19px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.forum_row li.post, ul.forum_row li.topics {
    width: 78px;
    background: url(images/forum-seperators.png) no-repeat left;
    text-align: center;
}

ul.forum_row li.post p, ul.forum_row li.topics p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #494842;
    font-weight: bold;
    margin: 24px 0 0 0;
}

ul.forum_row li.lastpost {
    background: url(images/forum-seperators.png) no-repeat left;
}

ul.forum_row li.lastpost p.topic_title {
    margin: 9px 0 0 15px;
    float: none !important;
}

ul.forum_row li.lastpost p.topic_title a {
    font-size: 12px;
    color: #52514c;
    font-weight: bold;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.forum_row li.lastpost p.topic_title a:hover {
    color: #ad8f27;
}

ul.forum_row li.lastpost p.by {
    margin: 2px 0 0 15px;
}

ul.forum_row li.lastpost p.by a {
    font-size: 12px;
    font-weight: bold;
}

ul.forum_row li.lastpost p.postdate {
    margin: 1px 0 0 15px;
    font-size: 11px;
    color: #3d3c37;
}

/* FORUM ROW Style */

div.classes {
    width: 860px;
    height: 130px;
    margin: 0 0 0 16px;
}

ul.class_row {
    display: block;
    width: 152px;
    height: 53px;
    overflow: hidden;
    background: url(images/forum_row_class.png) no-repeat, url(images/texture_light_2.gif) repeat;
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03);
    float: left;
    border-radius: 4px;
    margin: 0 20px 20px 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.class_row:hover {
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), inset 0 0 0 80px rgba(255, 255, 204, .008);
}

ul.class_row li {
    float: left;
    text-shadow: 0 0 6px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .6);
}

ul.class_row li.icon {
    width: 36px;
    height: 36px;
    margin: 8px 0 0 8px;
}

ul.class_row li.icon div.image_icon {
    width: 36px;
    height: 36px;
    background-image: url(images/icons.jpg);
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);
}

ul.class_row li.info {
    margin: 11px 0 0 8px;
    display: block;
    width: 60%;
}

ul.class_row li.info a {
    display: block;
    width: 100%;
}

ul.class_row li.info a h1 {
    font-size: 13px;
}

ul.class_row li.info a h2 {
    font-size: 11px;
    color: #3f3d37;
}

/* Classes */
/* DK */
ul.deathknight li.icon div.image_icon {
    background-position: 0 0;
}

ul.deathknight li.info a h1 {
    color: #b61d37;
}

/* DRUID */
ul.druid li.icon div.image_icon {
    background-position: -36px 0;
}

ul.druid li.info a h1 {
    color: #c16414;
}

/* HUNTER */
ul.hunter li.icon div.image_icon {
    background-position: -72px 0;
}

ul.hunter li.info a h1 {
    color: #7b9b4f;
}

/* MAGE */
ul.mage li.icon div.image_icon {
    background-position: -108px 0;
}

ul.mage li.info a h1 {
    color: #50aac9;
}

/* PALADIN */
ul.paladin li.icon div.image_icon {
    background-position: -144px 0;
}

ul.paladin li.info a h1 {
    color: #bb7d8d;
}

/* PRIEST */
ul.priest li.icon div.image_icon {
    background-position: -180px 0;
}

ul.priest li.info a h1 {
    color: #dbdbdb;
}

/* ROGUE */
ul.rogue li.icon div.image_icon {
    background-position: -216px 0;
}

ul.rogue li.info a h1 {
    color: #c1b73d;
}

/* SHAMAN */
ul.shaman li.icon div.image_icon {
    background-position: -252px 0;
}

ul.shaman li.info a h1 {
    color: #3453b3;
}

/* WARLOCK */
ul.warlock li.icon div.image_icon {
    background-position: -288px 0;
}

ul.warlock li.info a h1 {
    color: #7e82c9;
}

/* WARRIOR */
ul.warrior li.icon div.image_icon {
    background-position: -324px 0;
}

ul.warrior li.info a h1 {
    color: #b89066;
}

/* Country ROW Style */

div.classes3 {
    width: 860px;
    height: 130px;
    margin: 0 0 0 16px;
}

ul.class_row3 {
    display: block;
    width: 152px;
    height: 53px;
    overflow: hidden;
    background: url(images/forum_row_class.png) no-repeat, url(images/texture_light_2.gif) repeat;
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03);
    float: left;
    border-radius: 4px;
    margin: 0 20px 20px 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.class_row3:hover {
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), inset 0 0 0 80px rgba(255, 255, 204, .008);
}

ul.class_row3 li {
    float: left;
    text-shadow: 0 0 6px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .6);
}

ul.class_row3 li.icon {
    width: 18px;
    height: 12px;
    margin: 8px 0 0 8px;
}

ul.class_row li.icon div.image_icon3 {
    width: 18px;
    height: 12px;
    background-image: url(images/icons3.jpg);
    background-repeat: no-repeat;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);
}

ul.class_row li.info3 {
    margin: 11px 0 0 8px;
    display: block;
    width: 60%;
}

ul.class_row3 li.info a {
    display: block;
    width: 100%;
}

ul.class_row3 li.info a h1 {
    font-size: 13px;
}

ul.class_row3 li.info a h2 {
    font-size: 11px;
    color: #3f3d37;
}

/* Classes */
/* DK */
ul.american li.icon div.image_icon3 {
    background-position: 0 0;
}

/* DRUID */
ul.bulgaria li.icon div.image_icon3 {
    background-position: -18px 0;
}

/* HUNTER */
ul.czech li.icon div.image_icon3 {
    background-position: -36px 0;
}

/* MAGE */
ul.french li.icon div.image_icon3 {
    background-position: -54px 0;
}

/* PALADIN */
ul.german li.icon div.image_icon3 {
    background-position: -72px 0;
}

/* PRIEST */
ul.italian li.icon div.image_icon3 {
    background-position: -90px 0;
}

/* ROGUE */
ul.polish li.icon div.image_icon3 {
    background-position: -108px 0;
}

/* SHAMAN */
ul.romania li.icon div.image_icon3 {
    background-position: -126px 0;
}

/* WARLOCK */
ul.russian li.icon div.image_icon3 {
    background-position: -144px 0;
}

/* WARRIOR */
ul.spanish li.icon div.image_icon3 {
    background-position: -162px 0;
}

/* Forum Buttons */

.forum_btn_large {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 11px 14px 10px 14px;
    background: #2c2a26; /* Old browsers */
    background: -moz-linear-gradient(top, #2c2a26 0%, #201e1c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c2a26), color-stop(100%, #201e1c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2c2a26 0%, #201e1c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2c2a26 0%, #201e1c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2c2a26 0%, #201e1c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2c2a26 0%, #201e1c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2a26', endColorstr='#201e1c', GradientType=0); /* IE6-9 */
    text-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #b1943e;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2), 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .02), inset 0 2px 0 rgba(255, 255, 255, .05), 0 0 6px rgba(0, 0, 0, .8);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
}

.forum_btn_large:hover {
    background: #201e1c; /* Old browsers */
    background: -moz-linear-gradient(top, #201e1c 0%, #242220 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #201e1c), color-stop(100%, #242220)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #201e1c 0%, #242220 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #201e1c 0%, #242220 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #201e1c 0%, #242220 100%); /* IE10+ */
    background: linear-gradient(to bottom, #201e1c 0%, #242220 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#201e1c', endColorstr='#242220', GradientType=0); /* IE6-9 */
    padding: 11px 14px 10px 14px;
    box-shadow: inset 0 0 10px rgba(255, 204, 0, .02), inset 0 0 10px rgba(0, 0, 0, .15), inset 0 0 0 1px rgba(255, 255, 255, .02),
    inset 0 2px 0 rgba(255, 255, 255, .05), 0 0 6px rgba(0, 0, 0, .8);
    color: #e5d6aa;
}

/* Forum Buttons */

/* Pagination */

ul.pagination {
}

ul.pagination li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
}

ul.pagination li a {
    display: block;
    width: 21px;
    height: 23px;
    background: rgba(241, 221, 196, .07);
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .01), 0 1px 1px rgba(0, 0, 0, .4);
    text-align: center;
    color: #4a4943;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .4);
}

ul.pagination li a p {
    padding: 4px 0 0 0;
}

ul.pagination li a.arrow {
    font-family: "Courier New", Courier, monospace;
    height: 23px;
    background: rgba(241, 221, 196, .05);
    color: #000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .02), 0 1px 0 rgba(255, 255, 255, .03);
}

ul.pagination li a.arrow p {
    padding: 3px 0 0 0;
}

ul.pagination li a:hover {
    background: rgba(241, 221, 196, .09);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .01), 0 1px 1px rgba(0, 0, 0, .4), inset 0 0 6px rgba(0, 0, 0, .2);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .4);
    color: #867a61;
}

/* Pagination */

/* Topics */

.forum_header {
    width: 100%;
    height: 45px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .25);
}

.forum_title {
    float: left;
}

.forum_title h1 {
    font-size: 24px;
    color: #c9a33c;
}

.forum_title h3 {
    font-weight: bold;
    font-size: 13px;
    color: #504c46;
}

.forum_header h4 {
    display: block;
    margin: 12px 0 0 0;
    float: right;
    font-size: 24px;
    color: #403c32;
    font-weight: normal;
}

.forum_header h4 b {
    color: #676150;
}

.actions_c {
    padding: 2px 0 20px 0;
    margin: 0 0 40px 0;
}

.actions_c .pagination {
    float: right;
    margin: 5px 0 0 0;
}

.actions_c.bottom {
    margin: 40px 0 0 0;
}

ul.topic_header {
    width: 873px;
    height: 30px;
    border-radius: 3px;
    margin: 2px 0 0px 0;
}

ul.topic_header li {
    float: left;
    margin: 7px 0 0 0;
    font-size: 11px;
    font-weight: bold;
    color: #2e2c29;
}

ul.topic_header li.topic {
    width: 545px;
    margin: 7px 0 0 71px;
}

/*ul.topic_header li.posts {width:60px; text-align:center;}
			ul.topic_header li.views {width:60px; text-align:center;}*/
ul.topic_header li.lastpost {
    padding: 0 0 0 14px;
}

ul.topic_row {
    display: block;
    width: 873px;
    height: 55px;
    background: url(images/topic_row_bg.png) no-repeat, url(images/texture_light_2.gif) repeat;
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03);
    border-radius: 3px;
    margin: 0 0 8px 0;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.topic_row:hover {
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), inset 0 0 0 80px rgba(255, 255, 204, .008), 0 0 8px rgba(255, 204, 51, .05);
}

ul.topic_row:hover li.topic_title_by_date h1 a {
    color: #9c917c;
}

ul.topic_row:hover li.topic_title_by_date p {
}

ul.topic_row li {
    float: left;
    width: auto;
    height: 55px;
    text-shadow: 0 0 6px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .6);
}

ul.topic_row li.icon {
    width: 60px;
    height: 55px;
}

ul.topic_row li.icon img {
    margin: 8px 0 0 4px;
}

ul.topic_row li.topic_title_by_date {
    width: 556px;
}

ul.topic_row li.topic_title_by_date h1 {
    margin: 11px 0 0 14px;
    display: block;
    width: 100%;
}

ul.topic_row li.topic_title_by_date h1 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #8d8370;
    display: block;
    width: 100%;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.topic_row li.topic_title_by_date h1 a:hover {
    color: #ceb482;
}

ul.topic_row li.topic_title_by_date p {
    margin: 3px 0 0 14px;
    font-weight: bold;
    font-size: 11px;
}

/*
		ul.topic_row li.posts, ul.topic_row li.views {
			width:60px;
			background:url(images/topic-seperators.png) no-repeat left;
			text-align:center;
			}
			ul.topic_row li.posts p, ul.topic_row li.views p {
				font-weight: bold;
				font-size:15px;
				margin:19px 0 0 0;
				color:#615c4d;
				}
		*/
ul.topic_row li.lastpost {
    display: block;
    width: 257px;
    background: url(images/topic-seperators.png) no-repeat left;
    color: #4b4840;
}

ul.topic_row li.lastpost h4 {
    margin: 13px 0 0 15px;
}

ul.topic_row li.lastpost h4 a {
    color: #615d53;
}

ul.topic_row li.lastpost h5 {
    margin: 2px 0 0 15px;
}

ul.topic_row li.lastpost a.go_to_lastpost {
    display: block;
    width: 33px;
    height: 33px;
    background-image: url(images/go_to_last_post.png);
    background-repeat: no-repeat;
    position: absolute;
    padding: 4px;
    top: 12px;
    right: 6px;
}

ul.topic_row li.lastpost a.go_to_lastpost:hover {
    background-position: 0 -34px;
}

ul.topic_row li.lastpost a.go_to_lastpost p {
    display: none;
}

/* Open TOPIC Page */

.topic_header {
    width: 100%;
    height: 45px;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .25);
}

.topic_title {
    float: left;
}

.topic_title h1 {
    font-size: 22px;
    color: #9d9684;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.topic_title h3 {
    font-weight: bold;
    font-size: 13px;
    color: #45433e;
}

.topic_header h4 {
    display: block;
    margin: 12px 0 0 0;
    float: right;
    font-size: 24px;
    color: #403c32;
    font-weight: normal;
}

.topic_header h4 b {
    color: #676150;
}

.topic_post {
    width: 873px;
    min-height: 205px;
    background: url(images/topic_bg_bottom.png) no-repeat bottom, url(images/topic_bg_row_normal.png) no-repeat, url(images/texture_light_2.gif) repeat;
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 25px rgba(255, 255, 255, .03);
    border-radius: 3px;
    margin: 0 0 30px 0;
}

/* Admin Post */
.topic_post.admin_post {
    background: url(images/topic_bg_bottom.png) no-repeat bottom, url(images/topic_bg_row_admin.png) no-repeat, url(images/texture_light_2.gif) repeat;
    box-shadow: 0 0 0 1px #080707, 0 -2px 0 #684e19, 0 0 0 2px #413111, 0 0 4px 2px rgba(0, 0, 0, .8),
    0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 25px rgba(255, 210, 0, .12);
}

.admin_post .admin_post_logo_wc {
    position: absolute;
    top: -11px;
    left: 23px;
    width: 114px;
    height: 76px;
    background: url(images/admin_post_logo.png) no-repeat;
}

.topic_post .left_side {
    float: left;
    width: 158px;
    min-height: 205px;
}

.topic_post .right_side {
    float: right;
    width: 710px;
    min-height: 205px;
}

.topic_post .right_side .post_container {
    padding: 14px 12px 0 12px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: #6d6a5e;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .3);
    min-height: 140px;
}

/* Topic Controls */

.topic_post .right_side ul.post_controls {
    display: block;
    width: auto;
    margin: 30px 5px 0 0;
    float: right;
    text-align: right;
}

ul.post_controls li {
    display: inline-block;
    width: auto;
    height: 20px;
    vertical-align: top;
    margin: 0 5px 11px 0;
}

ul.post_controls li.post_date {
    padding: 4px 0 0 0;
    color: #4c4a45;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .3);
    font-size: 11px;
    display: block;
    text-align: right;
    margin: 0 5px 0 0;
}

ul.post_controls li a {
    display: block;
    width: auto;
    border-radius: 2px;
    padding: 4px 8px 4px 8px;
    background: rgba(255, 255, 255, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .13), inset 0 1px 1px rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(255, 255, 255, .05);
    font-family: calibri;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .08), 0 0 3px rgba(0, 0, 0, .4);
    color: #6b6354;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
}

ul.post_controls li a:hover {
    background: rgba(255, 255, 255, .08);
    color: #b4924e;
}

.topic_post .left_side {
}

.topic_post .left_side .user_avatar {
    width: 86px;
    height: 86px;
    border-radius: 3px;
    margin: 35px auto 0 auto;
    background: rgba(69, 67, 62, .5);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .05), inset 0 0 28px rgba(0, 0, 0, .8), 0 0 16px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5);
    overflow: hidden;
}

.topic_post .left_side .user_avatar span {
    width: 86px;
    height: 86px;
    display: block;
}

.topic_post .left_side .user_info {
    margin: 0 auto;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .3);
}

.user_info .usr_and_pr {
    display: block;
    margin: 10px 0 0 4px;
}

.user_info .usr_and_pr a.username {
    display: inline-block;
    padding: 2px;
    font-size: 13px;
    color: #a3977b;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    vertical-align: top;
}

/* Profile Drop Down & Arrow */
div.drop_down_profile {
    display: inline-block;
    width: 10px;
    height: 11px;
    vertical-align: top;
    margin: 1px 0 0 0;
    padding: 3px;
    cursor: pointer;
}

div.drop_down_profile span.profile {
    display: none;
}

div.drop_down_profile a.arrow {
    display: block;
    width: 10px;
    height: 11px;
    background: url(images/profile_arrow.png) no-repeat;
    top: 2px;
    left: -1px;
}

a.drop_down_profile span.arrow:hover {
    opacity: .8;
}

div.drop_down_profile .drop_down_container {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    top: 3px;
    left: 13px;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    opacity: .5;
    cursor: auto;
    overflow: hidden;
    z-index: 99999;
}

div.drop_down_profile .drop_down_container h1,
div.drop_down_profile .drop_down_container h3,
div.drop_down_profile .drop_down_container .user_menu {
    display: none;
}

div.drop_down_profile:hover .drop_down_container h1,
div.drop_down_profile:hover .drop_down_container h3 {
    display: block;
}

div.drop_down_profile:hover .drop_down_container .user_menu {
    display: inline-block;
}

div.drop_down_profile:hover .drop_down_container {
    display: block;
    position: absolute;
    width: 206px;
    height: 90px;
    text-align: left;
    z-index: 99999;
    background: #302e2b;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6), 0 1px 2px rgba(0, 0, 0, 1),
    inset 0 0 0 1px rgba(255, 255, 255, .02), inset 0 1px 0 rgba(255, 255, 255, .04),
    0 0 8px rgba(0, 0, 0, .5);
    opacity: 1;
}

div.drop_down_profile:hover .drop_down_container h1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #bab49c;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 5px rgba(0, 0, 0, .6);
    font-weight: normal;
    margin: 7px 0 0 10px;
}

div.drop_down_profile:hover .drop_down_container h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666360;
    margin: 0 0 0 10px;
}

div.drop_down_profile ul.user_menu {
    width: auto;
    height: 31px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .05);
    margin: 10px 0 0 10px;
    padding: 0 !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .1), inset 1px 1px 0 rgba(255, 255, 255, .03);
    overflow: hidden;
}

div.drop_down_profile ul.user_menu li {
    display: inline-block;
    padding: 0 !important;
}

div.drop_down_profile ul.user_menu li a {
    display: block;
    padding: 8px 8px 8px 8px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: 1px 0 0 rgba(0, 0, 0, .3);
    color: #FC6;
}

div.drop_down_profile ul.user_menu li:last-child a {
    box-shadow: none;
}

div.drop_down_profile ul.user_menu li a:hover {
    background: rgba(255, 255, 255, .02);
    box-shadow: 1px 0 0 rgba(0, 0, 0, .3), -2px 0 0 rgba(255, 255, 255, .02), inset -1px -1px 1px rgba(0, 0, 0, .05);
    color: #ffe5b2;
    text-shadow: 0 0 2px rgba(255, 255, 255, .22);
}

.topic_post .left_side .user_info h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/* Quote Style */

.post_container blockquote {
    display: block;
    padding: 10px;
    background: url(images/quote_bg_top.png) no-repeat top left, rgba(0, 0, 0, .2) url(images/quote_bg_bot.png) no-repeat bottom right;
    border-radius: 4px;
    color: #4e4c43;
    box-shadow: inset 0 0 12px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .05), inset 0 1px 1px rgba(0, 0, 0, .4);
}

.post_container blockquote p {
}

.post_container blockquote p cite {
    display: block;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    margin: 0 0 5px 0;
    color: #605e54;
}

/* Quick Reply */

.quick_reply {
    width: 873px;
    min-height: 205px;
    background: url(images/index_news_container.png) repeat;
    box-shadow: 0 0 11px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 25px rgba(255, 255, 255, .03);
    padding: 0 0 20px 0;
    text-align: right;
}

.quick_reply h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #625e57;
    display: block;
    padding: 18px 0 18px 26px;
    text-transform: uppercase;
    text-align: left;
}

.quick_reply form textarea {
    float: none;
    display: block;
    padding: 20px;
    width: 90%;
    height: 120px;
    margin: 0 0 20px 24px;
}

.quick_reply form a.advanced_post {
    opacity: .5;
    margin: 0 24px 0 0;
}

.quick_reply form input[type="submit"] {
    margin: 0 15px 0 0;
}

.account_info_main span.online, .account_info_main span.active {
    color: #8BC34A;
}

.account_info_main span.offline, .account_info_main span.blocked {
    color: #757575;
}

.usercp-title {
    width: 570px;
    height: 60px;
    background: url(images/sub_page_light.png) no-repeat left;
    margin-left: -20px;
}

.usercp-title #title {
    display: block;
    float: left;
    height: 39px;
    margin: 0 0 0 20px;
}

.usercp-title #title h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    /* text-transform: uppercase; */
    font-size: 26px;
    color: #9E9E9E;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 15px 0 0 30px;
    height: 34px;
    padding: 0;
    line-height: 100%;
}

.usercp-title #title h1 p {
    width: 100%;
    height: 30px;
    background: url(images/page-title-gradient.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 0
}

.usercp-title #title h1 span {
    width: 100%;
    height: 30px;
    background: url(images/page-title-effect.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 0
}

.buy-coins {
}

ul.payment_methods {
    padding: 0 0 40px 0
}

ul.payment_methods
li {
    display: inline-block;
    vertical-align: top;
    margin: 0 17px;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color: #090807;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .04);
    padding: 28px 0 0 0
}

ul.payment_methods li
a {
    display: block;
    width: auto;
    height: 96px;
    background: rgba(204, 204, 204, .03);
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .01), 0 0 0 1px rgba(0, 0, 0, .1),
    inset 0 0 9px rgba(255, 255, 255, .01), inset 0 2px 2px rgba(255, 255, 153, .04), 0 0 6px rgba(0, 0, 0, .4)
}

ul.payment_methods li a
img {
    margin: 10px 0 0 0
}

ul.payment_methods li#method {
    margin: 0;
    padding: 0 4px 4px 0;
}

ul.payment_methods li#method
a {
    width: 365px;
}

ul.payment_methods li a:hover {
    background: rgba(204, 204, 204, .05)
}

.buy-coins
p {
    font-family: calibri;
    font-size: 14px;
    color: #69655b;
    display: block;
    width: 700px;
    padding: 40px 0 40px 0;
    box-shadow: inset 0 2px 0 #121110, inset 0 3px 1px rgba(255, 255, 255, .03)
}

.buy-coins p
a {
    color: #b2a78e
}

.buy-coins p a:hover {
    color: #edc772
}

.unstuck {
}

.select-charcater-s, .select-charcater-s2, .ust-submit {
    width: 340px;
    height: 87px;
    float: left;
    border-radius: 5px;
    margin: 40px 0 20px 0;
}

.select-charcater-s {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.25))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
    margin: 40px 0 20px 1px;
}

.select-charcater-s2 {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
    margin: 40px 0 20px 1px;
}

.ust-submit {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#00000000', GradientType=1); /* IE6-9 */
}

.ust-submit p {
    float: left;
    color: #363631;
    text-shadow: 0 0 4px #000;
    margin: 25px 0 0 13px;
    line-height: 18px;
}

.cooldown-ico {
    width: 87px;
    height: 87px;
    float: left;
    background: url(images/misc/hs-active.png) no-repeat;
    margin: 40px 23px 20px 23px;
}

.cooldown-ico .ust-cooldown {
    width: 87px;
    height: 87px;
}

.cooldown-ico .ust-cooldown span {
    display: block;
    width: 87px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background: url(images/misc/hs-cooldown.png) no-repeat bottom;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

.cooldown-ico .ust-cooldown p {
    font-size: 11px;
    color: #4d4d46;
    text-shadow: 0 0 4px #000;
    bottom: -90px;
}

.rules-wide {
    width: 773px;
    margin: 27px 0 0 0;
    padding: 30px 35px 30px 35px
}

.rules {
}

.rules
ul.rules_navigation {
    margin: -20px 0 40px 0;
    padding: 0 0 35px 0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .2)
}

ul.rules_navigation
li {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0 0 5px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .2)
}

ul.rules_navigation li
p {
    text-transform: uppercase;
    padding: 0 0 10px 0;
    color: #4a4943
}

ul.rules_navigation li
a {
    font-size: 18px;
    color: #8c8577
}

ul.rules_navigation li a:hover {
    color: #d7b160
}

.rules_container {
    margin: 0 0 60px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 6px rgba(0, 0, 0, .2)
}

.rules_container
h1 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    margin: 0 0 18px 0;
    color: #a07e3d
}

.rules_container
ul {
    display: block;
    padding: 0 0 0 30px
}

.rules_container ul
li {
    list-style: disc;
    color: #e0e0e0;
    font-family: calibri;
    font-size: 16px;
    padding: 0 0 13px 0
}

.rules_container ul li
b {
    display: block;
    color: #e0e0e0;
    margin: 0 0 5px 0
}

.rules_container ul
li.normal {
    list-style: none;
    margin: 0 0 0 -15px
}

.rules_container ul
i {
    display: block;
    font-family: calibri;
    font-size: 15px;
    font-style: normal;
    margin: 0 0 0 -15px;
    color: #989184
}

.rules_container
h3 {
    margin: 0 0 20px 0;
    font-weight: normal;
    font-family: calibri;
    font-size: 17px;
    color: #989184
}

.rules_container ul
h2 {
    color: #989184;
    margin: 20px 0 10px -15px;
    font-weight: normal
}

.rules_container
p {
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #9E9E9E;
    font-family: calibri;
}

.rules_container p
span {
    display: inline-block;
    margin: 0 8px 0 0;
    font-weight: bold;
    color: #4a4943
}

.rules
.important {
    width: 88%;
    height: auto;
    padding: 30px;
    background: rgba(255, 255, 204, .04);
    margin: 0 auto 20px auto;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .01), 0 0 22px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .5),
    inset 0 0 3px rgba(255, 0, 0, .2), inset 0 0 65px rgba(255, 0, 0, .2);
    text-align: center;
    font-family: calibri;
    font-size: 18px;
    color: #d4c9c7;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .8);
    line-height: 140%;
    overflow: hidden
}

.rules .important
span {
    z-index: 5
}

.rules .important
p {
    font-family: 'Roboto', sans-serif;
    font-size: 160px;
    position: absolute;
    color: rgba(255, 255, 255, .05);
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    text-shadow: none;
    position: absolute;
    top: 56px;
    left: 15px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .2);
    z-index: 1
}

.archived-news {
    width: 773px;
    margin: 27px 0 0 0;
    padding: 30px 35px 30px 35px
}

.terms-of-usage {
    padding: 0 0 10px 0
}

.terms-of-usage
h1 {
    color: #918979;
    font-family: 'Ropa Sans', sans-serif;
    font-size: 22px;
    letter-spacing: 1px;
    text-shadow: 0 3px 1px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 8px 12px;
    padding: 10px 0 0 0
}

#terms-container {
    width: 620px;
    clear: both;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .05);
    overflow: hidden
}

#terms-container
.viewport {
    width: 600px;
    height: 700px;
    overflow: hidden;
    position: relative;
    float: left
}

#terms-container
.overview {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    padding: 5px;
    color: #6c6c6c
}

.terms-shadow {
    width: 700px;
    height: 34px;
    background: url(images/terms-shadow.png) repeat-x;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1
}

#terms-container
.scrollbar {
    position: relative;
    float: right;
    width: 10px;
    left: -2px;
    z-index: 2
}

#terms-container
.track {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    width: 10px;
    position: relative;
    padding: 0 1px
}

#terms-container
.thumb {
    background: #191816;
    width: 8px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: inset 0 2px 0 #0a0908, inset 0 -2px 0 #0a0908
}

#terms-container
.disable {
    display: none
}

.terms-of-usage
input.agree {
    background: rgba(0, 255, 0, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), 0 0 5px rgba(0, 0, 0, .6);
    color: #918979;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .4);
    margin: 0 0 22px 0
}

.terms-of-usage input.agree:hover {
    background: rgba(0, 255, 0, .07)
}

.terms-of-usage
a.dissagree {
    display: inline-block;
    background: rgba(255, 255, 153, .03);
    color: #000;
    font-weight: bold;
    padding: 9px 9px;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 5px rgba(0, 0, 0, .5);
    margin: 10px 0 22px 6px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .02);
    font-family: 'Ropa Sans', sans-serif
}

.terms-of-usage a.dissagree:hover {
    background: rgba(255, 255, 153, .04)
}

#terms-container
.overview {
}

#terms-container .overview h3, .terms-of-use
h3 {
    color: #a68a5e;
    margin: 20px 0 5px 0
}

#terms-container .overview p, .terms-of-use
p {
    color: #938a7d
}

.terms-of-use {
    padding-top: 10px
}

ul.account-settings {
    padding: 40px 0 20px 0
}

ul.account-settings
li {
}

ul.account-settings li
a {
    display: block;
    width: 400px;
    height: 40px;
    padding: 13px 15px 10px 16px;
    background: rgba(255, 255, 255, .03) url(images/misc-element.png) no-repeat 375px 5px;
    background-size: 18%;
    text-align: left;
    margin: 0 0 20px 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .15), 0 0 15px rgba(0, 0, 0, .1);
    font-size: 17px;
    font-family: 'Ropa Sans', sans-serif;
    font-weight: bold;
    color: #57534d;
    text-shadow: 0 0 5px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .3);
    transition: background 0.2s linear, color 0.5s linear;
    -moz-transition: background 0.2s linear, color 0.5s linear;
    -webkit-transition: background 0.2s linear, color 0.5s linear;
    -o-transition: background 0.2s linear, color 0.5s linear
}

ul.account-settings li:last-child
a {
    margin-bottom: none
}

ul.account-settings li a
p {
    display: block;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #3f3c37;
    font-weight: bold;
    transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear
}

ul.account-settings li a:hover {
    background: rgba(255, 255, 255, .05);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .2), 0 0 20px rgba(0, 0, 0, .3);
    color: #bf893e
}

ul.account-settings li a:hover
p {
    color: #645f58
}

.vote-page {
}

.vote-page .account-wide {
    padding: 30px 0 30px 0;
    margin: 15px 0 0 0
}

.vote-sites-cont {
    padding: 25px 0 0 0;
    width: 715px
}

.vote-sites-cont
li {
    display: inline-block;
    width: 108px;
    height: 108px;
    margin: 0 0 30px 30px
}

.vote-sites-cont li
a {
    display: inline-block;
    width: 108px;
    height: 108px;
    background: rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 0 0 3px #000, 0 0 0 1px #63503c, 0 0 7px rgba(0, 0, 0, .6), 0 1px 1px #000
}

.vote-sites-cont li a div.vote-site-image {
    display: block;
    width: 88px;
    height: 51px;
    box-shadow: inset 0 0 0 1px #9a7717, inset 0 0 10px 3px rgba(0, 0, 0, 1), inset 0 0 0 2px #000, 0 0 6px #000;
    margin: 10px 0
}

.vote-sites-cont li a
p {
    display: block;
    width: 88px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0 0 3px #000
}

.vote-sites-cont li a:hover {
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 0 1px #000, 0 0 0 1px #b07e39, 0 0 10px rgba(0, 0, 0, .6), 0 1px 1px #000, inset 0 0 15px rgba(255, 255, 255, .05)
}

.vote-sites-cont li.not-active
a {
    pointer-events: none;
    opacity: .5
}

.how-to-top-info {
    text-align: center;
    padding: 0 0 30px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #9d9387;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5), 0 0 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .7)
}

.howto-row {
}

.howto-row .howto-row-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    color: #766e64;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, .5), 0 0 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(0, 0, 0, .7);
    background: rgba(255, 255, 255, .05);
    padding: 15px 22px 16px 22px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .02), inset 0 -25px 0 rgba(0, 0, 0, .1);
    margin: 0 0 10px 0;
    border-radius: 4px;
    cursor: pointer
}

.howto-row .howto-row-title:hover {
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 0 15px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .02), inset 0 -25px 0 rgba(0, 0, 0, .1)
}

.howto-row .howto-row-content {
    font-family: Verdana, Geneva, sans-serif;
    color: #5f5950;
    text-shadow: 0 0 5px rgba(0, 0, 0, .6), 0 0 5px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .7);
    padding: 5px;
    margin: 0 0 5px 0
}

.howto-row .howto-row-content
p {
    display: block;
    padding: 3px 0 3px 0
}

.howto-row .howto-row-content p
a {
    color: #90877d
}

.howto-row .howto-row-content p a:hover {
    color: #f4aa29
}

.howto-row .howto-row-content p
span {
    color: #968c80
}

.howto-row .howto-row-content p
b {
    font-size: 13px;
    color: #766e64
}

.howto-row .howto-row-content p#sub-content {
    padding: 3px 0 3px 20px
}

.howto-row .howto-row-content p#sub-content
b {
    font-size: 12px
}

.realmlist-file-image {
    width: 681px;
    height: 53px;
    background: url(images/realmlist-screanshot.jpg) no-repeat;
    box-shadow: inset 0 0 0 2px #ebc662, inset 0 0 15px rgba(0, 0, 0, .5);
    margin: 5px 0 10px 17px
}

.store {
    background: rgba(33, 25, 20, .55) url(images/store.png) no-repeat top center
}

.store_body {
    width: 843px;
    background: rgba(0, 0, 0, .25);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 50px 0 0 0;
}

.store_header {
    width: 100%;
    height: 55px
}

.store_header
#store_search {
    width: 250px;
    margin: 10px 0 0 10px;
    display: inline-block;
    vertical-align: top
}

.store_header
#store_character_select {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    margin: 10px 0 0 7px
}

.store_header #store_character_select .character-holder {
    top: 3px
}

.store_header #store_character_select .js-select-selected .character-holder {
    top: -1px;
    left: -2px
}

.store_header #store_character_select .js-select-selected
span {
    color: #40342e
}

.store_header
#store_quality {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    margin: 10px 0 0 7px
}

.store_header
#level_filters {
    width: 204px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 7px
}

.store_header #level_filters
span {
    color: #40342e;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .25);
    display: inline-block;
    vertical-align: top;
    margin: 7px 5px 0 5px
}

.store_header #level_filters
input {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 30px;
    padding: 0 4px 2px 4px
}

.store_inner_body {
    width: 100%
}

.store_left_side {
    float: left;
    width: 230px
}

#store_categories {
}

.store_category {
    width: 193px;
    height: auto;
    margin-top: 8px
}

.store_category:first-child {
    margin-top: 0
}

.store_category_button {
    display: block;
    width: 193px;
    height: 30px;
    background: rgba(42, 33, 28, .3);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), 1px 1px 1px rgba(0, 0, 0, .25);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.store_category_button:hover {
    background: rgba(42, 33, 28, .4)
}

.store_category_button
span {
    color: #8e7a5f;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    float: left;
    margin: 6px 0 0 10px
}

.store_category_button
#arrow {
    display: block;
    width: 18px;
    height: 18px;
    float: right;
    background-image: url(images/store_arrow_normal.png);
    background-repeat: none;
    background-position: top left;
    margin: 8px 6px 0 0
}

.open_category
#arrow {
    margin: 6px 4px 0 0;
    background-image: url(images/store_arrow_open.png)
}

.store_sub_categories {
    width: 193px;
    height: auto;
    margin-right: -40px;
    overflow: hidden
}

.store_sub_category_button {
    display: block;
    width: 173px;
    height: 28px;
    background: rgba(42, 33, 28, .3);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), 1px 1px 1px rgba(0, 0, 0, .25);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-bottom: 4px
}

.store_sub_category_button:hover {
    background: rgba(42, 33, 28, .4)
}

.store_sub_category_button
span {
    color: #9E9E9E;
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    float: left;
    margin: 6px 0 0 10px
}

.active_category {
    background: rgba(42, 33, 28, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), inset 0 0 15px rgba(210, 187, 156, .1), 1px 1px 1px rgba(0, 0, 0, .25);
    margin-bottom: 6px;
}

.active_category
span {
    color: #f1c487;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4), 0 0 5px rgba(241, 196, 135, .22)
}

.store_right_side {
    float: right;
    width: 613px
}

.store_items_list {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(31, 23, 19, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 0 1px rgba(255, 255, 255, .02), 0 0 10px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .5)
}

.store_items_list
.items {
    list-style: none
}

.store_items_list .items
.info {
    font-family: 'Roboto', sans-serif;
    color: #50473d;
    font-size: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    margin: 240px 0;
    text-align: center;
    width: 613px
}

.store_items_list .items
.item {
    background-image: url(images/store_item_separator.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #1b1410;
    height: 58px;
    width: 590px;
    position: relative
}

.store_items_list .items .item:last-child {
    background-image: none
}

.items .item
#hover {
    width: 100%;
    height: 57px;
    background-image: url(images/store_item_hover.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.items .item:hover
#hover {
    opacity: 1;
    visibility: visible
}

.store_items_list .items .item #icon, .popup_box_top
#icon {
    float: left;
    display: block;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 0 6px #000, 0 0 3px rgba(208, 179, 133, .35);
    margin: 7px 0 0 12px
}

.store_items_list .items .item #middle, .popup_box_top
#middle {
    float: left;
    margin-left: 15px;
    margin-top: 7px;
    text-align: left;
    color: #f1c487;
    font-weight: bold;
}

.store_items_list .items .item #middle a, .popup_box_top #middle
a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.store_items_list .items .item #middle p, .popup_box_top #middle
p {
    color: #534a3f;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    margin-top: 5px
}

.store_items_list .items .item
.simple_button {
    float: right;
    margin: 14px 10px 0 0;
    height: 26px;
    padding: 0 10px 0 10px;
    font-size: 11px
}

.store_footer {
    width: 100%;
    height: 1px
}

.store_footer_filters {
    float: left
}

.store_footer_filters
.label_check {
    margin: 15px 0 0 15px
}

.store_footer_filters .label_check
p {
    color: #40342e;
    font-size: 12px;
    top: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6)
}

.store_footer input[type="submit"] {
    float: right;
    height: 36px;
    margin: 9px 9px 0 0
}

.store_item_purchase_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 10000
}

.store_popup_box {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 434px;
    height: 139px;
    background: #1d1612;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 150px rgba(0, 0, 0, .75), 0 0 20px rgba(0, 0, 0, .9), inset 0 1px 1px rgba(255, 255, 255, .05);
    overflow: hidden
}

.popup_box_top {
    height: 55px;
    width: 100%;
    padding: 3px 0 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.popup_box_bottom {
    height: 81px;
    width: 100%;
    background: rgba(82, 68, 58, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.popup_box_bottom
span {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f7c97a;
    padding: 10px 0 0 13px;
    display: block
}

.popup_box_bottom
.popup_currency_choice {
    height: 28px;
    width: auto;
    background: rgba(0, 0, 0, .2);
    display: table;
    padding: 4px 10px 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 11px 0 0 12px
}

.popup_box_bottom .popup_currency_choice .label_radio
p {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #4f463e;
    padding-top: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.popup_box_bottom .popup_currency_choice .label_radio:nth-child(2) {
    margin-left: 20px
}

.popup_box_bottom input[type="submit"] {
    position: absolute;
    right: 22px;
    top: 21px
}

.scrollable {
    width: 100%;
    clear: both
}

.scrollable
.viewport {
    width: 100%;
    overflow: hidden;
    position: relative
}

.viewport ul {
    list-style: none;
}

.scrollable
.overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0
}

.scrollable .thumb .end,
.scrollable
.scrollbar {
    position: relative;
    float: right;
    width: 30px
}

.scrollable
.track {
    background-color: rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .45), 0 1px 0px rgba(142, 122, 95, .04);
    height: 100%;
    width: 13px;
    position: relative;
    padding: 0px 1px;
    margin-left: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.scrollable
.thumb {
    height: 20px;
    width: 11px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 1px 0
}

.scrollable .thumb
.end {
    overflow: hidden;
    height: 99%;
    width: 11px;
    background: rgba(36, 29, 25, .6);
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .45)
}

.scrollable
.disable {
    display: none
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

#left_scrollbable
.viewport {
    float: right !important;
    width: 200px;
    height: 894px
}

#left_scrollbable
.scrollbar {
    float: left !important
}

.store_items_list
.viewport {
    float: left !important;
    height: 100%;
    width: 593px;
    margin: 3px 0 20px 0
}

.store_items_list
.scrollbar {
    float: right !important;
    width: 20px;
    margin: 3px 0 0 0
}

.market_body {
    width: 843px;
    background: rgba(0, 0, 0, .25);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 50px 0 0 0
}

.market_header {
    width: 100%;
    height: 55px
}

.market_header
#market_search {
    width: 250px;
    margin: 10px 0 0 10px;
    display: inline-block;
    vertical-align: top
}

.market_header
#market_character_select {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    margin: 10px 0 0 7px
}

.market_header #market_character_select .character-holder {
    top: 3px
}

.market_header #market_character_select .js-select-selected .character-holder {
    top: -1px;
    left: -2px
}

.market_header #market_character_select .js-select-selected
span {
    color: #40342e
}

.market_header
#category_filter {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    /*margin:10px
0 0 7px*/
}

.market_header
#level_filters {
    width: 204px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    margin: 10px 0 0 7px
}

.market_header #level_filters
span {
    color: #40342e;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .25);
    display: inline-block;
    vertical-align: top;
    margin: 7px 5px 0 5px
}

.market_header #level_filters
input {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 30px;
    padding: 0 4px 2px 4px
}

.market_inner_body {
    width: 100%
}

.market_left_side {
    float: left;
    width: 230px
}

#market_categories {
}

.market_category {
    width: 193px;
    height: auto;
    margin-top: 8px
}

.market_category:first-child {
    margin-top: 0
}

.market_category_button {
    display: block;
    width: 193px;
    height: 30px;
    background: rgba(42, 33, 28, .3);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), 1px 1px 1px rgba(0, 0, 0, .25);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.market_category_button:hover {
    background: rgba(42, 33, 28, .4)
}

.market_category_button
span {
    color: #8e7a5f;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    float: left;
    margin: 6px 0 0 10px
}

.market_category_button
#arrow {
    display: block;
    width: 18px;
    height: 18px;
    float: right;
    background-image: url(images/store_arrow_normal.png);
    background-repeat: none;
    background-position: top left;
    margin: 8px 6px 0 0
}

.open_category
#arrow {
    margin: 6px 4px 0 0;
    background-image: url(images/store_arrow_open.png)
}

.market_sub_categories {
    width: 193px;
    height: auto;
    margin-right: -40px;
    overflow: hidden
}

.market_sub_category_button {
    display: block;
    width: 173px;
    height: 28px;
    background: rgba(42, 33, 28, .3);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), 1px 1px 1px rgba(0, 0, 0, .25);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin-top: 6px
}

.market_sub_category_button:hover {
    background: rgba(42, 33, 28, .4)
}

.market_sub_category_button:first-child {
    margin-top: 8px
}

.market_sub_category_button
span {
    color: #554c44;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    float: left;
    margin: 6px 0 0 10px
}

.active_category {
    background: rgba(42, 33, 28, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), inset 0 0 15px rgba(210, 187, 156, .1), 1px 1px 1px rgba(0, 0, 0, .25)
}

.active_category
span {
    color: #f1c487;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4), 0 0 5px rgba(241, 196, 135, .22)
}

.market_right_side {
    float: right;
    width: 843px
}

.market_items_list {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(31, 23, 19, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), inset 0 0 1px rgba(255, 255, 255, .02), 0 0 10px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .5)
}

.market_items_list
.items {
    list-style: none
}

.market_items_list .items
.info {
    font-family: 'Roboto', sans-serif;
    color: #50473d;
    font-size: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
    margin: 240px 0;
    text-align: center;
    width: 613px
}

.market_items_list .items
.item {
    background-image: url(images/store_item_separator.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #1b1410;
    height: 58px;
    width: 831px;
    position: relative
}

.market_items_list .items .item:last-child {
    background-image: none
}

.items .item
#hover {
    width: 100%;
    height: 57px;
    background-image: url(images/store_item_hover.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    position: absolute;
    top: 0px;
    left: 0px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.items .item:hover
#hover {
    opacity: 1;
    visibility: visible
}

.market_items_list .items .item #icon, .popup_box_top
#icon {
    float: left;
    display: block;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    background-size: 100%; /*border-style:solid;*/
    border-width: 1px;
    box-shadow: inset 0 0 6px #000, 0 0 3px rgba(208, 179, 133, .35);
    margin: 7px 0 0 12px
}

.market_items_list .items .item #middle, .popup_box_top
#middle {
    float: left;
    margin-left: 15px;
    margin-top: 7px;
    text-align: left;
    color: #534a3f;
    font-weight: bold;
}

.market_items_list .items .item #middle a, .popup_box_top #middle
a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.market_items_list .items .item #middle p, .popup_box_top #middle
p {
    color: #534a3f;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    margin-top: 5px
}

.market_items_list .items .item
.simple_button {
    float: right;
    margin: 14px 10px 0 0;
    height: 26px;
    padding: 0 10px 0 10px;
    font-size: 11px
}

.market_footer {
    width: 100%;
    height: 1px
}

.market_footer_filters {
    float: left
}

.market_footer_filters
.label_check {
    margin: 15px 0 0 15px
}

.market_footer_filters .label_check
p {
    color: #40342e;
    font-size: 12px;
    top: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .6)
}

.market_footer input[type="submit"] {
    float: right;
    height: 36px;
    margin: 9px 9px 0 0
}

.market_item_purchase_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    z-index: 10000
}

.market_popup_box {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 434px;
    height: 139px;
    background: #1d1612;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 150px rgba(0, 0, 0, .75), 0 0 20px rgba(0, 0, 0, .9), inset 0 1px 1px rgba(255, 255, 255, .05);
    overflow: hidden
}

.popup_box_top {
    height: 55px;
    width: 100%;
    padding: 3px 0 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.popup_box_bottom {
    height: 81px;
    width: 100%;
    background: rgba(82, 68, 58, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.popup_box_bottom
span {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f7c97a;
    padding: 10px 0 0 13px;
    display: block
}

.popup_box_bottom
.popup_currency_choice {
    height: 28px;
    width: auto;
    background: rgba(0, 0, 0, .2);
    display: table;
    padding: 4px 10px 0 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 11px 0 0 12px
}

.popup_box_bottom .popup_currency_choice .label_radio
p {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #4f463e;
    padding-top: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.popup_box_bottom .popup_currency_choice .label_radio:nth-child(2) {
    margin-left: 20px
}

.popup_box_bottom input[type="submit"] {
    position: absolute;
    right: 22px;
    top: 21px
}

.scrollable {
    width: 100%;
    clear: both
}

.scrollable
.viewport {
    width: 100%;
    overflow: hidden;
    position: relative
}

.scrollable
.overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0
}

.scrollable .thumb .end,
.scrollable
.scrollbar {
    position: relative;
    float: right;
    width: 30px
}

.scrollable
.track {
    background-color: rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .45), 0 1px 0px rgba(142, 122, 95, .04);
    height: 100%;
    width: 13px;
    position: relative;
    padding: 0px 1px;
    margin-left: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.scrollable
.thumb {
    height: 20px;
    width: 11px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    padding: 1px 0
}

.scrollable .thumb
.end {
    overflow: hidden;
    height: 99%;
    width: 11px;
    background: rgba(36, 29, 25, .6);
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .45)
}

.scrollable
.disable {
    display: none
}

.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

#left_scrollbable
.viewport {
    float: right !important;
    width: 200px;
    height: 894px
}

#left_scrollbable
.scrollbar {
    float: left !important
}

.market_items_list
.viewport {
    float: left !important;
    height: 100%;
    width: 831px;
    margin: 3px 6px 20px 6px
}

.market_items_list
.scrollbar {
    float: right !important;
    width: 20px;
    margin: 3px 0 0 0
}

.market_pagination {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 6px;
    text-align: left;
    border-radius: 4px;
    background: rgba(255, 255, 255, .04);
    box-shadow: 0 0 16px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 204, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    margin: 0 2px 0 0;
    font-family: 'Ropa Sans', sans-serif;
    color: #9c927c;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    opacity: .6;
    border: none;
    cursor: pointer;
}

.market_pagination:hover {
    color: #eebb40;
    background: rgba(255, 255, 255, .06);
    opacity: .8;
}

.market_pagination_active {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 6px;
    text-align: left;
    border-radius: 4px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 0 16px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 204, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    margin: 0 2px 0 0;
    font-family: 'Ropa Sans', sans-serif;
    color: #eebb40;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    opacity: .8;
    border: none;
}

.promotion_codes {
    width: 100%;
    height: auto;
    min-height: 226px;
    background: url(images/pcode_bg.png) no-repeat top
}

.pcode-top-cont {
    height: 150px
}

.promotion_codes
form {
    display: block;
    width: 295px;
    height: auto;
    float: right;
    margin: 58px 95px 0 0
}

.promotion_codes form
p {
    font-family: calibri;
    font-size: 11px;
    color: #53504a;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(0, 0, 0, .2);
    text-align: center;
    margin: 8px 0 0 0;
    top: 30px
}

.promotion_codes form
h1 {
    font-family: Calibri;
    display: block;
    width: 295px;
    height: 30px;
    font-size: 13px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 0 3px rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .15);
    position: absolute
}

.promotion_codes form
h1#enter {
    color: #508937
}

.promotion_codes form
h1#invalid {
    color: #a54734
}

.promotion_codes form input[type="text"] {
    width: 269px;
    height: 46px;
    padding: 0 13px;
    background: #10100f;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 4px rgba(0, 0, 0, .3), 0 0 43px rgba(255, 255, 255, .05), 0 1px 0 rgba(255, 255, 255, .04);
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    top: 30px
}

.promotion_codes form input[type="text"]:focus {
    text-align: left;
    font-size: 25px;
    color: #7f766c;
    font-weight: normal;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6)
}

input::-webkit-input-placeholder {
    color: #424242 !important;
    font-size: 14px !important
}

input::-moz-placeholder {
    color: #424242 !important;
    font-size: 14px !important
}

input:-ms-input-placeholder {
    color: #424242 !important;
    font-size: 14px !important
}

input:-moz-placeholder {
    color: #424242 !important;
    font-size: 14px !important
}

input:focus::-webkit-input-placeholder {
    color: #212121 !important;
    font-size: 14px !important
}

input:focus::-moz-placeholder {
    color: #212121 !important;
    font-size: 14px !important
}

input:focus:-ms-input-placeholder {
    color: #212121 !important;
    font-size: 14px !important
}

input:focus:-moz-placeholder {
    color: #212121 !important;
    font-size: 14px !important
}

.reward_container {
    width: 288px;
    height: 84px;
    float: right;
    background: #312d2a;
    border-radius: 5px;
    margin: 66px 30px 0 0;
    box-shadow: 0 0 27px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .04)
}

.reward_container
div.arrow {
    width: 10px;
    height: 19px;
    background: url(images/container_arrow.png) no-repeat;
    position: absolute;
    right: -10px;
    top: 33px
}

.reward_container
.coins_reward {
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .1);
    text-align: center;
    margin: 20px 0 0 0
}

.reward_container .coins_reward
h1 {
    color: #5c584c;
    font-size: 14px;
    text-transform: uppercase
}

.reward_container .coins_reward
h2 {
    color: #857d73;
    font-size: 28px;
    text-transform: uppercase;
    margin: -8px 0 0 0
}

.reward_container .coins_reward h2
b {
    color: #a39687
}

.reward_container .coins_reward.gold h2
b {
    color: #c0931b
}

.reward_loading {
    padding: 26px 0 0 0
}

.reward_loading
span {
    background: rgba(153, 153, 153, .5)
}

.reward_loading
p {
    font-size: 10px;
    margin-bottom: 3px
}

.pcode-chat-select-cont {
    padding: 20px 0 0 0
}

.item_reward {
    font-family: 'Roboto', sans-serif;
    text-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 2px 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(0, 0, 0, .1)
}

.item_reward
h1 {
    display: block;
    text-align: right;
    float: right;
    color: #5c584c;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 95%;
    margin: 26px 10px 0 0
}

.item_reward
.item_ {
    width: 160px;
    height: 30px;
    float: right;
    border-radius: 4px;
    background: #2b2825;
    text-align: left;
    padding: 6px;
    margin: 20px 22px 0 0
}

.item_reward .item_
.ico {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-size: 100%;
    box-shadow: inset 0 0 0 1px #9e9989, inset 0 0 5px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, .5);
    float: left
}

.item_reward .item_
h2 {
    font-size: 22px;
    color: #9e9989;
    text-transform: uppercase;
    float: left;
    margin: -6px 0 0 6px
}

.item_reward .item_
h3 {
    float: left;
    color: #69635b;
    font-size: 14px;
    margin: -6px 0 0 6px
}

/* Button */
.ui-button {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 12px;
    text-align: left;
    float: left;
    border-radius: 4px;
    background: rgba(255, 255, 255, .04);
    box-shadow: 0 0 16px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 204, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    margin: 0 20px 0 0;
    font-family: 'Ropa Sans', sans-serif;
    color: #9c927c;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    opacity: .6;
    border: none;
    cursor: pointer;
}

.ui-button:hover {
    color: #eebb40;
    background: rgba(255, 255, 255, .06);
    opacity: .8;
}

/* View ticket */

.ticket-table-ui2 {
    width: 98%;
    text-align: center;
    border: solid 1px rgba(216, 168, 106, 0.2);
    border-right: none;
    border-bottom: none;
    margin-bottom: 20px;
}

.ticket-table-ui2 td, .ticket-table-ui2 th {
    padding: 10px;
    border: solid 1px rgba(216, 168, 106, 0.2);
    border-left: none;
    border-top: none;
}

.ticket-table-ui textarea {
    width: 380px;
}

form .ticket-table-ui td button {
    float: left;
}

/* New ticket table */

/*.ticket-table-ui {
	display: block;
	margin-left: 0px
}

.ticket-table-ui tbody {
	display: block;
	padding: 20px;
}

.ticket-table-ui tr {
	display: block;
	padding: 10px;
}

.ticket-table-ui tr td {
	width: 290px;
} */

.ticket-table-ui {
    width: 100%;
    table-layout: fixed;
    background: #0b0a09;
    border: 1px solid #221f19;
    padding: 10px;
    margin: 10px 0px;
}

.ticket-table-ui tr td {
    padding: 5px;
}

.ticket-table-ui tr:first-child td {
    color: #00c6ff;
}

.ticket-table-ui tr:nth-child(2n+2) td {
    background: #0e0d0b;
}

.ticket-table-ui img {
    width: 50px;
    height: auto;
    border: 1px solid #59411c;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ticket-table-ui input {
    width: 99%;
}

.ticket-table-ui textarea {
    width: 99%;
    max-width: 99%;
}

.ticket-table-ui2 {
    width: 100%;
    table-layout: fixed;
    background: #0b0a09;
    border: 1px solid #221f19;
    padding: 10px;
    margin: 10px 0px;
}

.ticket-table-ui2 tr td {
    padding: 5px;
    background-color: #1b1410;
}

.ticket-table-ui2 th {
    background-color: #18110e;
    color: #00c6ff;
}

.ticket-table-ui2 tr:nth-child(2n+2) td {
    background: #2d231d;
}

.ticket-table-ui2 tr:nth-child(2n+2) th {
    background: #261c18;
}

.ticket-table-ui2 img {
    width: 50px;
    height: auto;
    border: 1px solid #59411c;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ticket-table-ui2 input {
    width: 99%;
}

.ticket-table-ui2 textarea {
    width: 99%;
    max-width: 99%;
}

.ticket-table-ui3 {
    width: 100%;
    table-layout: fixed;
    background: #6d212f;
    border: 1px solid #0b151b;
    padding: 10px;
    margin: 10px 0px;
    color: #fff;
}

.ticket-table-ui3 tr td {
    padding: 5px;
}

.ticket-table-ui3 th {
    color: #fff;
}

.ticket-table-ui3 tr:nth-child(2n+2) td {
    background: #852f40;
}

.ticket-table-ui3 tr:nth-child(2n+2) th {
    background: #6d212f;
}

.ticket-table-ui3 img {
    width: 50px;
    height: auto;
    border: 1px solid #59411c;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ticket-table-ui3 input {
    width: 98%;
}

.ticket-table-ui3 textarea {
    width: 98%;
    max-width: 98%;
}

.ticket-table-ui4 {
    width: 100%;
    table-layout: fixed;
    background: #25216d;
    border: 1px solid #0b151b;
    padding: 10px;
    margin: 10px 0px;
    color: #fff;
}

.ticket-table-ui4 tr td {
    padding: 5px;
}

.ticket-table-ui4 th {
    color: #fff;
}

.ticket-table-ui4 tr:nth-child(2n+2) td {
    background: #2f3f85;
}

.ticket-table-ui4 tr:nth-child(2n+2) th {
    background: #21236d;
}

.ticket-table-ui4 img {
    width: 50px;
    height: auto;
    border: 1px solid #59411c;
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ticket-table-ui4 input {
    width: 98%;
}

.ticket-table-ui4 textarea {
    width: 98%;
    max-width: 98%;
}

.ticket-open {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #007700;
    font-weight: bold;
}

.ticket-closed {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #770000;
    font-weight: bold;
}

.ticket-wait {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 2px;
    color: #FFFFFF;
    background-color: #ff9600;
    font-weight: bold;
}

/* My tickets */

.irq {
    text-align: center;
    /*border: solid 1px rgba(216,168,106,0.2);
	border-right: none;
	border-bottom: none;*/
}

.irq tr:nth-child(even) {
    background-color: #201813;
}

.irq tr:nth-child(odd) {
    background-color: #1b1410;
}

.irq th {
    padding: 10px;
    height: 30px;
    background-color: #18110e;
}

.irq td {
    padding: 10px;
}

.irq td.title {
    padding: 10px;
    background-color: #18110e;
}

.irq td.dualstats_active {
    padding: 10px;
    color: #ff8800;
    font-weight: bold;
}

.irq .ui-button {
    float: none;
    margin: none;
    width: 100%;
    text-align: center;
}

/* TABLES: grand/character reset and VIP subscription */

.general-table-ui {
    width: 100%;
    text-align: center;
}

.general-table-ui tr:nth-child(even) {
    background-color: #201813;
}

.general-table-ui tr:nth-child(odd) {
    background-color: #1b1410;
}

.general-table-ui th {
    padding: 10px;
    height: 30px;
    background-color: #18110e;
}

.general-table-ui td {
    padding: 10px;
}

.general-table-ui tr:hover td {
    background-color: #261e1a;
}

.general-table-ui td img, .general-table-ui th img {
    margin: 0 0 0 0;
    /*margin: -13px -35px -10px -34px;*/
}

.general-table-ui .ui-button {
    float: none;
    margin: none;
    width: 100%;
    text-align: center;
}

/* Player profile */

/*.profile-title {
	width: 980px;
	height: 125px;
	background: url(https://obversemu.com/high/templates/default/style/images/sub_page_light.png) no-repeat left;
	display: block;
	position: relative;
	float: left;
	z-index: 1;
	margin: -132px 0 0 -30px;
}

.profile-title span {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 34px;
	color: #d8a86a;
	text-shadow: 0 0 8px rgba(0,0,0,.35), 1px 1px 1px rgba(0,0,0,.25);
	margin: 43px 0 0 67px;
	height: 34px;
	padding: 0;
	line-height: 125%;
	position: absolute;
}

.profile-content {
	width: 980px;
	height: auto;
	min-height: 500px;
	background: rgba(33,25,20,.55);
	box-shadow: 0 0 6px #000, inset 0 0 0 1px rgba(255,255,255,.015), inset 0 1px 0 rgba(255,255,255,.05);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 70px 0 40px 0;
	margin-top: 125px;
}

.profiles_player_card {
	background: none!important;
}

.profiles_player_table_info {
	border: solid 1px rgba(216,168,106,0.2);
	border-right: none;
	border-bottom: none;
}

.profiles_player_table_info th, .profiles_player_table_info td {
	padding: 10px;
	border: solid 1px rgba(216,168,106,0.2);
	border-left: none;
	border-top: none;
}

.profiles_player_content {
	height: 470px;
} */

.sec_shop {
}

.sec_shop .shop_wp {
    padding-top: 25px;
}

.shop_wp .tabgnb ul li a {
    min-width: 125px;
}

.shop_wp .tabgnb ul li a span {
    *width: 160px;
    letter-spacing: -1px;
}

.shop_wp .search_wp {
    height: 59px;
    padding-top: 25px;
}

.shop_wp .category {
    position: relative;
    float: left;
    min-width: 99px;
    _width: 99px;
    margin-left: 251px;
    border: 1px solid #d3d5d9;
    _display: inline;
}

.shop_wp .category p {
    padding: 9px 23px 0px 10px;
    height: 24px;
    background: url(../img/bg_search_category.gif) 100% 0px no-repeat;
    font-size: 12px;
    font-family: arial;
    color: #444444;
}

.shop_wp .category .list {
    position: absolute;
    left: -1px;
    top: 22px;
    padding: 10px 0px 5px 0px;
    width: 100%;
    overflow: hidden;
    display: none;
    border: 1px solid #d3d5d9;
    border-top: 0px;
    background: #fff;
}

.shop_wp .category .list li {
    padding: 3px 10px;
}

.shop_wp .category .list li a {
    text-decoration: none;
    font-size: 12px;
    font-family: arial;
    color: #444444;
}

.shopItem {
    float: left;
    position: relative;
    width: 326px;
    height: 31px;
    margin-left: 8px;
    _display: inline;
    border: 2px solid #d3d5d9;
}

.shopItem label.chk {
    width: 155px;
    height: 26px;
    display: block;
    zoom: 1;
    vertical-align: top;
}

.shopItem label.chk small {
    background: url(../img/tit_itemsearch.gif) 0px 0px no-repeat;
}

.shopItem label.chk input {
    width: 275px;
    border: 0px;
    background: none;
    padding: 0px 0px 0px;
    margin-left: 10px;
    margin-top: 9px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    font-family: arial;
}

.shopItem label.chk small {
    position: absolute;
    top: 10px;
    left: 12px;
    width: 73px;
    height: 10px;
    display: block;
    zoom: 1;
    overflow: hidden;
    text-indent: -9999em;
    cursor: text;
}

.shopItem .btn_apply {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 35px;
    height: 31px;
    background: url(../img/btn_search_item.gif) 0px 0px no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    text-decoration: none;
}

.shopheader_wp {
    border-top: 3px solid #6b2d39;
    overflow: hidden;
    *zoom: 1;
}

.itemcategory_wp {
    float: left;
    width: 672px;
    padding-top: 5px;
}

.itemcategory_wp dl {
    margin-left: 10px;
    width: 663px;
    min-height: 22px;
    padding: 4px 0px 0px;
    border-bottom: 1px solid #e9eaec;
    _padding: 4px 0px;
}

.itemcategory_wp dl dt {
    float: left;
    width: 112px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px;
}

.itemcategory_wp dl dd {
}

.itemcategory_wp dl dd ol.depth2 {
    padding-top: 0px;
}

.itemcategory_wp dl dd ol.depth2 li {
    display: inline-block;
    font-size: 14px;
    padding-right: 18px;
    *display: inline;
    zoom: 1;
}

.itemcategory_wp dl dd ol.depth2 li a {
    color: #444444;
}

.itemcategory_wp dl dd ol.depth2 li a.on,
.itemcategory_wp dl dd ol.depth2 li a:hover {
    color: #93364d;
}

.itemcategory_wp dl dd ol.depth2 li a.on {
    font-weight: bold;
    text-decoration: none;
}

.shopheader_wp .mycoin_wp {
    position: relative;
    float: right;
    width: 239px;
    min-height: 194px;
    _height: 208px;
    background: #f2e9e9;
}

.mycoin_wp h3 {
    width: 205px;
    margin: 0px auto;
    border-bottom: 1px solid #d3d5d9;
    padding: 10px 5px 6px;
    font-weight: bold;
    color: #93364d;
    font-size: 13px;
}

.mycoin_wp dl {
    clear: both;
    width: 215px;
    margin: 0px auto;
    overflow: hidden;
    font-size: 12px;
}

.mycoin_wp dl dt {
    float: left;
    width: 92px;
    min-height: 23px;
    padding: 3px 0px 0px 5px;
}

.mycoin_wp dl dd {
    float: left;
    height: 23px;
    padding: 3px 0px 0px 0px;
    font-weight: bold;
    color: #444444;
}

.mycoin_wp dl.class_c {
    margin-top: 5px;
}

.mycoin_wp dl.class_c dt {
    color: #2b4882;
    background: none;
}

.mycoin_wp dl.class_p dt {
    color: #b32617;
    background: none;
}

.mycoin_wp dl.class_free dt {
    color: #444444;
}

.mycoin_wp a.exchg_coins {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 239px;
    height: 61px;
    background: url(../img/btn_coin_exchange.gif) 0px 0px no-repeat;
}

.mycoin_wp a.exchg_coins span {
    position: absolute;
    left: 22px;
    top: 12px;
    color: #e3d2ca;
    font-size: 11px;
}

.mycoin_wp a.exchg_coins strong {
    position: absolute;
    left: 22px;
    top: 28px;
    color: #ffffff;
    font-size: 16px;
    font-family: verdana;
    font-weight: bold;
    background: url(../img/ico_arrow08.gif) 100% 7px no-repeat;
    padding-right: 18px;
}

.shopheader_wp .item_login {
    position: relative;
    float: right;
    width: 239px;
    min-height: 194px;
    _height: 208px;
    background: url(../img/tit_itemlogin.gif) 20px 19px no-repeat #f2e9e9;
}

.item_login p.notice {
    padding: 53px 20px 0px;
    font-size: 12px;
    color: #000;
    font-family: verdana;
}

.item_login a.btn_login {
    display: block;
    width: 239px;
    height: 61px;
    background: url(../img/ico_arrow10.gif) 0px 4px no-repeat;
    font-size: 13px;
    font-weight: bold;
    font-family: verdana;
    color: #502029;
    padding-left: 12px;
    margin-left: 22px;
    margin-top: 10px;
}

.item_login a.buy_coins {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 239px;
    height: 61px;
    background: url(../img/btn_coin_exchange.gif) 0px 0px no-repeat;
    text-decoration: none;
    cursor: pointer;
}

.item_login a.buy_coins strong {
    position: absolute;
    left: 22px;
    top: 20px;
    color: #ffffff;
    font-size: 16px;
    font-family: verdana;
    font-weight: bold;
    background: url(img/common/ico_arrow08.gif) 100% 7px no-repeat;
    padding-right: 18px;
}

.item_login a.exchg_coins {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    width: 239px;
    height: 61px;
    background: url(../img/btn_coin_exchange.gif) 0px 0px no-repeat;
}

.item_login a.exchg_coins strong {
    position: absolute;
    left: 22px;
    top: 28px;
    color: #ffffff;
    font-size: 16px;
    font-family: verdana;
    font-weight: bold;
    background: url(../img/ico_arrow08.gif) 100% 7px no-repeat;
    padding-right: 18px;
}

.shop_fnc {
    position: relative;
    height: 30px;
}

.shop_fnc .location {
    position: absolute;
    left: 0px;
    top: 46px;
}

.shop_fnc .location li {
    float: left;
    background: url(../img/ico_shop_location.gif) 0px 9px no-repeat;
    padding-left: 16px;
    margin-right: 10px;
    font-size: 20px;
    font-family: verdana;
    font-weight: bold;
    color: #852f40;
}

.shop_fnc .location li.home {
    background: none;
    padding-left: 0px;
}

.shop_fnc .location li a {
    color: #852f40;
    font-weight: bold;
}

.shop_fnc .location li span.cnt {
    font-size: 12px;
    color: #444444;
    line-height: 1em;
    position: relative;
    top: -2px;
    font-weight: normal;
}

.shop_fnc dl.opt {
    position: absolute;
    right: 26px;
}

.shop_fnc dl.opt dt {
    float: left;
    margin-right: 5px;
    padding-top: 4px;
    font-size: 12px;
    vertical-align: top;
    *padding: 0px;
}

.shop_fnc dl.opt dd {
    float: left;
}

.shop_fnc dl.opt dd select {
    min-width: 130px;
}

.shop_list {
    width: 580px;
    overflow: hidden;
    margin-left: 30px;
}

.shop_list .item_wp {
    float: left;
    position: relative;
    width: 170px;
    height: 234px;
    background: url(../img/bg_itemwp.gif) 0px 0px no-repeat;
    padding-bottom: 14px;
    margin-right: 14px;
}

.shop_list .item_wp dl {
    height: 234px;
    background: #18110e;
}

.shop_list .item_wp dl:hover {
    height: 234px;
    background: #201815;
}

.shop_list .item_wp dl.ove {
    background: url(../img/bg_itemwp_ove.gif) 0px 0px no-repeat;
    background-color: #d9d9d9;
}

.shop_list .item_wp dt {
    text-align: center;
    padding: 13px 0px 14px;
    height: 128px;
}

.shop_list .item_wp dt .tag {
    position: absolute;
    left: 7px;
    top: 13px;
}

.shop_list .item_wp dd {
    padding: 0px 15px 0px;
    font-size: 12px;
    color: #9E9E9E;
}

.shop_list .item_wp dd a:hover {
    text-decoration: none;
}

.shop_list .item_wp dd span {
    display: block;
}

.shop_list .item_wp dd span strong {
    font-weight: bold;
    color: #666666;
}

.shop_list .item_wp dd span.itemname {
    color: #fff59d;
    font-size: 14px; /*word-break:break-all;word-wrap:break-word;*/
    text-align: center;
}

.shop_list .item_wp dd span.itemcost {
    padding-top: 4px;
    text-align: center;
}

.shop_list .item_wp dd div.itemcost {
    padding-top: 4px;
    text-align: center;
    width: 100%;
}

.shop_list .item_wp dl.ove div.fnc {
    position: absolute;
    left: 1px;
    top: 188px;
    width: 168px;
    height: 45px;
    background: url(../img/bg_item_fnc.gif) 0px 0px no-repeat;
    display: block;
}

.shop_list .item_wp dl.ove div.fnc a {
    float: left;
    display: inline-block;
    *display: inline;
    height: 45px;
    text-indent: -1000px;
    overflow: hidden;
    text-decoration: none;
}

.shop_list .item_wp dl.ove div.fnc a.buy {
    width: 168px;
    background: url(../img/btn_buy_only.gif) center 0px no-repeat;
}

.shop_list .item_wp dl.ove div.fnc a.gift {
    width: 85px;
    background: url(../img/btn_gift.gif) 0px 0px no-repeat;
}

.shop_list .item_wp dd div.itemcost span {
    font-weight: bold;
    display: inline !important;
    color: #666666;
}

.disabled {
    background-color: #CCC;
}

.no_result_wp {
    width: 940px;
    background: url(../img/bg_noresult_wp.gif) 0px 0px no-repeat;
}

.no_result_wp .inner {
    height: 234px;
}

.no_result_wp table {
    width: 100%;
    height: 100%;
}

.no_result_wp table td {
    vertical-align: middle;
    text-align: center;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
}

.shop_list .item_wp dl.click {
    height: 234px;
    background: url(../img/bg_itemwp_ove.gif) 0px 0px no-repeat;
}

.shop_list .item_wp span.chk {
    display: block;
    position: absolute;
    left: 76px;
    bottom: -10px;
    width: 18px;
    height: 10px;
    background: url(../img/ico_shop_select.gif) 0px 0px no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    text-decoration: none;
}

.pay_wp {
    clear: both;
    position: relative;
    top: -30px;
    width: 620px;
    display: none;
}

.pay_wp .inner {
    width: 570px;
    overflow: hidden;
    margin: 0px auto;
    padding: 30px 0px 15px;
}

.pay_wp .ly_close {
    position: absolute;
    right: 12px;
    top: 13px;
    width: 20px;
    height: 20px;
    background: url(../img/btn_close.gif) 0px 0px no-repeat;
    text-indent: -1000px;
    overflow: hidden;
    text-decoration: none;
}

.pay_wp h4 {
    height: 38px;
    font-size: 18px;
    color: #93364d;
}

.pay_wp .itemoption_wp {
    float: left;
    width: 550px;
    min-height: 400px;
    overflow: hidden;
}

.pay_wp .itemoption_wp .choice_itemsel {
}

.choice_itemsel {
    clear: both;
    *zoom: 1;
}

.choice_itemsel li {
    float: left;
    margin-right: 3px;
}

.choice_itemsel li a.btn_type4 {
    width: 104px;
}

.choice_itemsel li a:hover {
    text-decoration: none;
}

.choice_itemsel li a .bg {
    color: #444444;
}

.choice_itemsel li a.on .bg {
    color: #ffffff;
}

.choice_itemsel li.coin_c .bg .ico {
    display: inline-block;
    height: 16px;
    background: none;
    padding-right: 0;
}

.choice_itemsel li.coin_p .bg .ico {
    display: inline-block;
    height: 16px;
    background: url(../img/ico_wcoin_p.gif) 100% 0px no-repeat;
    padding-right: 23px;
}

.choice_itemsel li.coin_c a.on .bg .ico {
    background: none;
}

.choice_itemsel li.coin_p a.on .bg .ico {
    background: url(../img/ico_wcoin_p_ove.gif) 100% 0px no-repeat;
}

.choice_itemsel li a.on {
    background: url(../img/btn_type3.gif) 0px 0px no-repeat;
}

.choice_itemsel li a.on span.bg {
    background: url(../img/btn_type3.gif) 100% 0px no-repeat;
}

.itemsel {
    position: relative;
    clear: both;
    *zoom: 1;
}

.itemsel .all_select {
    position: absolute;
    right: 0px;
    top: -22px;
    padding-right: 20px;
    font-size: 12px;
}

.itemsel .all_select input.chk {
    top: -2px;
}

.itemsel input.chk {
    /*position:relative;*/
    top: 10px;
    float: right;
    right: 8px;
}

.itemsel .opt_wp {
    padding: 8px 0px 0px 8px;
}

.itemsel .opt_wp li {
    font-size: 14px;
    padding: 2px 0px 4px;
}

.itemsel .opt_wp li .opt_prt {
    font-size: 11px;
    font-family: verdana;
    color: #93364d;
    font-weight: bold;
    position: relative;
    top: -1px;
    padding-left: 9px;
}

.itemsel .opt_wp li.active {
    color: #444444;
    font-size: 13px;
    font-weight: bold;
}

.itemsel .opt_wp li label small {
    padding: 0px 4px;
}

.itemsel .opt_wp li select {
    min-width: 360px;
}

.itemsel .opt_wp li select option {
    font-size: 12px;
    line-height: 1.4em;
    padding: 0px;
}

.pay_wp .item_buy_wp {
    float: right;
    width: 210px;
    min-height: 400px;
    _height: 400px;
    padding-left: 20px;
    padding-top: 11px;
}

.pay_wp .item_buy_wp h5 {
    font-size: 18px;
    color: #93364d;
}

.pay_wp .item_buy_wp ul.prt_price {
    padding-top: 0px;
    margin-top: 12px;
}

.pay_wp .item_buy_wp ul.prt_price li {
    min-height: 18px;
    _height: 18px;
    padding: 6px 0px;
    border-top: 1px solid #d3d5d9;
    font-size: 12px;
    color: #666666;
}

.pay_wp .item_buy_wp ul.prt_price li.tit {
    font-weight: bold;
}

.pay_wp .item_buy_wp ul.prt_price li dl {
    overflow: hidden;
}

.pay_wp .item_buy_wp ul.prt_price li dl dt {
    float: left;
    width: 45px;
}

.pay_wp .item_buy_wp ul.prt_price li dl dd {
    float: left;
    width: 160px;
    text-align: right;
    font-weight: bold;
}

.pay_wp .item_buy_wp ul.prt_price li dl dd span {
    font-weight: normal;
}

.pay_wp .item_buy_wp ul.prt_price li.multi {
    color: #93364d;
    font-weight: bold;
}

.pay_wp .item_buy_wp ul.prt_price li.multi dt {
    width: 65px;
}

.pay_wp .item_buy_wp ul.prt_price li.multi dd {
    width: 140px;
    text-align: center;
}

.pay_wp .item_buy_wp ul.prt_price li.tot {
    border-top: 2px solid #d3d5d9;
    _margin-top: -2px;
}

.pay_wp .item_buy_wp ul.prt_price li.tot dl dt {
    font-weight: bold;
    padding-top: 4px;
}

.pay_wp .item_buy_wp ul.prt_price li.tot dl dd {
    font-size: 17px;
    color: #000;
}

.pay_wp .item_buy_wp ul.prt_price li.tot dl dd span {
    font-weight: normal;
    font-size: 12px;
}

.pay_wp .item_buy_wp ul.prt_price li dl dd span {
    display: inline-block;
    height: 16px;
    padding-right: 19px;
    color: #2b4882;
}

.pay_wp .item_buy_wp ul.prt_price li dl.coin_c dd span {
    background: none;
}

.pay_wp .item_buy_wp ul.prt_price li dl.coin_p dd span {
    background: url(../img/ico_wcoin_p.gif) 100% 0px no-repeat;
}

.pay_wp .item_buy_wp .fnc {
    text-align: right;
    padding: 6px 0px;
}

.pay_wp .item_buy_wp .fnc a.back {
    display: inline-block;
    color: #2b488e;
    text-decoration: underline;
    background: url(../img/ico_arrow06.gif) 0px 5px no-repeat;
    padding-left: 10px;
    font-size: 12px;
}

.pay_wp .item_buy_wp p.alert_msg {
    padding: 15px 0px 1px;
    color: #e62253;
}

.pay_wp .item_buy_wp p.alert_msg.success {
    color: #2b488e;
}

.pay_wp .item_buy_wp .btn_wp {
    padding-top: 15px;
}

.pay_wp .item_buy_wp .btn_payment {
    display: inline-block;
    width: 204px;
    height: 43px;
    white-space: nowrap;
    text-decoration: none;
    background: url(../img/btn_pay.gif) 0px 0px no-repeat;
    vertical-align: top;
    padding-left: 3px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: arial;
    font-weight: bold;
    cursor: pointer;
}

.pay_wp .item_buy_wp .btn_payment span.bg {
    display: block;
    margin: 0;
    height: 35px;
    padding: 8px 4px 0px 0px;
    white-space: nowrap;
    text-decoration: none;
    background: url(../img/btn_pay.gif) 100% 0px no-repeat;
    border: 0;
    color: #fff;
    font-size: 18px;
    font-family: arial;
    font-weight: bold;
    cursor: pointer;
}

.giftsend_msg {
    padding-top: 15px;
}

.giftsend_msg li {
    background: url(../img/ico_dot04.gif) 0px 6px no-repeat;
    padding-left: 8px;
    font-size: 12px;
    color: #444444;
}

.giftsend_msg li strong span {
    color: #93364d;
}

.giftsend_msg li p.notice {
    padding: 4px 0px 2px;
}

.giftsend_msg li p.notice em {
    color: #e62253;
    font-weight: bold;
}

.giftsend_msg li p.send_chk {
    padding: 2px 0px;
}

.giftsend_msg li p.send_chk em {
    color: #e62253;
    font-weight: bold;
}

.giftsend_msg li p.send_usr {
    padding: 2px 0px 12px;
}

.giftsend_msg li p.send_usr em {
    color: #e62253;
    font-weight: bold;
}

.giftsend_msg li.search_bx {
    padding: 2px 0px 4px;
}

.giftsend_msg li.search_bx input {
    width: 200px;
    height: 27px;
    border: 1px solid #d3d5d9;
    padding: 0px 4px;
    vertical-align: top;
}

.giftsend_msg li.search_bx input.prt {
    background: url(../img/tit_username20byte.gif) 6px 8px no-repeat #fff;
}

.giftsend_msg li.search_bx input:focus {
    border: 1px solid #c16484;
    background: #fff;
}

.giftsend_msg li.search_bx input.clear {
    background: #fff;
}

.giftsend_msg .search_bx a {
    display: none;
    width: 56px;
    height: 29px;
    white-space: nowrap;
    background: url(../img/btn_fansite_fileatt.gif) 0px 0px no-repeat;
    text-decoration: none;
    vertical-align: top;
    padding-left: 3px;
    text-align: center;
}

/* display:inline-block; */
.giftsend_msg .search_bx a span.bg {
    display: block;
    margin: 0;
    height: 21px;
    padding: 8px 4px 0px 0px;
    white-space: nowrap;
    text-decoration: none;
    background: url(../img/btn_fansite_fileatt.gif) 100% 0px no-repeat;
    border: 0;
    font: normal 12px Arial;
    color: #2b488e;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.giftsend_msg li.send_msg {
    padding: 4px 0px 2px;
}

.giftsend_msg li.send_msg textarea {
    overflow: auto;
    width: 200px;
    height: 36px;
    border: 1px solid #d3d5d9 !important;
    padding: 4px;
}

.giftsend_msg li.send_msg textarea:focus {
    border: 1px solid #c16484;
}

.giftsend_msg li.send_msg textarea.prt {
    background: url(../img/tit_yourgifthasarrived.gif) 6px 8px no-repeat #fff;
}

.giftsend_msg li.send_msg textarea.clear {
    background: #fff;
}

/* SHOP */
.inbox_desc_wp {
    min-height: 117px;
}

.inbox_desc_wp td {
    height: 117px;
    vertical-align: middle;
    padding: 0px 0px 0px 31px;
    color: #444444;
    font-size: 12px;
    *height: 117px;
}

.inbox_desc_wp strong {
    color: #000000;
    font-size: 14px;
}

.item_fnc {
    position: relative;
    height: 45px;
}

.item_fnc .use_info {
    position: absolute;
    left: 0px;
    top: 12px;
}

.item_fnc .use_info li {
    background: url(../img/ico_arrow07.gif) 0px 6px no-repeat;
    padding-left: 12px;
    font-size: 15px;
    color: #000000;
}

.item_fnc .use_info li span.cnt {
    font-size: 15px;
    color: #93364d;
    font-weight: bold;
}

.item_fnc dl.opt {
    position: absolute;
    right: 0px;
    top: 7px;
}

/*	.item_fnc dl.opt dt { display:none;}*/
.item_fnc dl.opt dt {
    float: left;
    margin-right: 5px;
    padding-top: 2px;
    font-size: 12px;
    vertical-align: top;
}

.item_fnc dl.opt dd {
    float: left;
}

.item_fnc dl.opt dd select {
    min-width: 130px;
}

.item_tb {
    border-top: 3px solid #86435a;
}

.item_tb th {
    border-bottom: 1px solid #86435a;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    color: #666666;
    font-weight: bold;
    font-family: verdana;
}

.item_tb th.from {
    text-align: left;
    padding-left: 30px;
}

.item_tb td {
    border-bottom: 1px solid #d3d5d9;
    vertical-align: middle;
    color: #444444;
}

.item_tb td.no {
    text-align: center;
    font-family: verdana;
    font-weight: bold;
    font-size: 12px;
}

.item_tb td.exp {
    text-align: center;
}

.item_tb td.status {
    text-align: center;
}

.item_tb td.use {
    text-align: center;
}

.item_tb td {
    padding: 20px 0px;
    min-height: 154px;
    _height: 154px;
    font-size: 14px;
}

.item_tb td.name div {
    padding: 0px 15px;
    text-align: center;
}

.item_tb td.name div span {
    display: block;
    text-align: left;
    padding: 8px 0px 0px;
    text-align: center;
}

.item_tb td.opt {
    vertical-align: top;
}

.item_tb td.opt ul {
    padding-left: 10px;
    padding-right: 25px;
}

.item_tb td.opt ul li {
    background: url(../img/ico_dot01.gif) 0px 8px no-repeat;
    padding-left: 8px;
    margin-bottom: 4px;
}

.item_tb td.opt .pos_set {
}

.item_tb td.opt .pos_set div.fix {
    position: relative;
}

.item_tb td.opt .pos_set .more_view {
    position: absolute;
    left: -20px;
    top: 0px;
    zoom: 1;
    z-index: 10000;
    border: 1px solid #963e48;
    width: 252px;
    min-height: 227px;
    background: #f5f5f5;
    padding: 15px;
    display: none;
}

.item_tb td.opt .pos_set .more_view strong {
    display: block;
    padding-bottom: 6px;
}

.item_tb td.opt .pos_set .more_view ul {
    padding: 0px 0px 0px;
}

.item_tb td.opt .pos_set .more_view li {
    background: none;
    padding-left: 0px;
    text-indent: -8px;
    padding-left: 8px;
}

.item_tb td.price {
    text-align: center;
}

.item_tb td.price strong {
    color: #2b4882;
    font-weight: bold;
    font-family: verdana;
    font-size: 13px;
}

.item_tb td.price span.coin_c {
    background: none;
    color: #2b4882;
    display: inline-block;
    padding-right: 0;
    padding-bottom: 2px;
}

.item_tb td.price span.coin_p {
    background: url(../img/ico_wcoin_p_trans.gif) 100% 2px no-repeat;
    color: #b32617;
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 2px;
}

.item_tb td.use span.btn_type5 {
    min-width: 76px;
    margin-bottom: 8px;
}

.item_tb td.use span.btn_type5 span.bg {
    font-size: 13px;
}

.item_tb td.use span.btn_type6 {
    min-width: 76px;
}

.item_tb td.use span.btn_type6 span.bg {
    font-size: 13px;
}

.item_tb tr.empty td {
    text-align: center;
    font-size: 12px;
    color: #444444;
    font-weight: bold;
    height: 154px;
}

.item_tb tr.ove td {
    background: #f5f5f5;
}

.item_inbox {
    width: 100%;
}

.item_inbox col.no {
    width: 52px;
}

.item_inbox col.name {
    width: 172px;
}

.item_inbox col.opt {
    width: 285px;
}

.item_inbox col.price {
    width: 139px;
}

.item_inbox col.exp {
    width: 106px;
}

.item_inbox col.status {
    width: 81px;
}

.item_inbox col.use {
    width: 106px;
}

.item_giftbox {
    width: 100%;
}

.item_giftbox col.no {
    width: 52px;
}

.item_giftbox col.name {
    width: 172px;
}

.item_giftbox col.opt {
    width: 285px;
}

.item_giftbox col.from {
    width: 139px;
}

.item_giftbox col.exp {
    width: 106px;
}

.item_giftbox col.status {
    width: 81px;
}

.item_giftbox col.use {
    width: 106px;
}

.item_giftbox td.from p {
    width: 130px;
    font-size: 12px; /*word-break:break-all;word-wrap:break-word;*/
}

.item_giftbox td.from p.who {
    color: #93364d;
}

.item_giftbox td.from p.msg {
    color: #444444;
}

.webshop-title {
    width: 570px;
    height: 60px;
    background: url(images/sub_page_light.png) no-repeat left;
    margin-left: -20px
}

.webshop-title #title {
    display: block;
    float: left;
    height: 39px;
    margin: 0 0 0 20px
}

.webshop-title #title h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    color: #d8a86a;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 15px 0 0 30px;
    height: 34px;
    padding: 0;
    line-height: 125%
}

.webshop-title #title h1 p {
    width: 100%;
    height: 30px;
    background: url(images/page-title-gradient.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 0
}

.webshop-title #title h1 span {
    width: 100%;
    height: 30px;
    background: url(images/page-title-effect.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 0
}

.currency-cats {
    margin: 16px 0 20px 40px
}

.currency-cats a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 12px;
    text-align: left;
    float: left;
    border-radius: 4px;
    background: rgba(255, 255, 255, .04);
    box-shadow: 0 0 16px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 204, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    margin: 0 20px 0 0;
    font-family: 'Ropa Sans', sans-serif;
    color: #9c927c;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    opacity: .6
}

.currency-cats a p {
    display: block;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    color: #464442
}

.currency-cats a:hover {
    color: #eebb40;
    background: rgba(255, 255, 255, .06);
    opacity: .8;
    cursor: pointer;
}

.currency-cats a:hover p {
}

.currency-cats a.on {
    background: #203018;
    box-shadow: 0 0 16px rgba(0, 0, 0, .11), inset 0 0 0 1px rgba(255, 204, 0, .02), inset 0 1px 0 rgba(255, 255, 255, .05);
    color: #ffcf5b;
    opacity: .9
}

.currency-cats a.on p {
    color: #5f615c
}

.opt_prt {
    color: #FF0000;
    font-weight: bold;
}

form .row label.webshop {
    float: left;
}

.webshop-price {
    /*width: 475px;*/
    margin: 0 0 12px 24px;
    padding: 10px 10px 10px 10px;
    background: rgba(31, 23, 19, .80);
    box-shadow: 0 0 4px rgba(0, 0, 0, .6), 0 1px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .015), inset 0 1px 0 rgba(255, 255, 255, .05);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.webshop-price span.title {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #f7c97a;
    padding: 0 0 6px 4px;
    display: block;
}

.webshop-buybtn {
/ / width: 475 px;
    margin: 0 0 12px 40px;
}

form.ticket {
    padding: 40px 0 0 0
}

form.ticket
label {
    display: block;
    margin: 0 0 25px 0
}

form.ticket label p {
    height: 26px;
    padding: 10px 0 0 18px;
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #68594a;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
}

form.ticket label input[type="text"] {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #40342e;
    float: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 80%;
    height: 32px;
    padding: 0 10px 2px 10px;
    background: rgba(0, 0, 0, .20);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25), inset 0 0 10px rgba(0, 0, 0, .10), 1px 1px 0 rgba(54, 45, 40, .25);
}

form.ticket label textarea {
    display: inline-block;
    float: none;
    width: 80%;
    height: 400px;
    margin-right: 10px;
}

.sceditor-container {
    display: inline-block;
    width: 744px !important
}

.sceditor-toolbar {
    width: 736px !important;
    margin-left: 2px !important
}

form.ticket input[type="submit"] {
    margin: 10px 0 0 80px
}

textarea.bbcode {
    width: 816px;
    height: auto;
    min-height: 350px;
    text-align: left
}

.sceditor-container {
    position: relative;
    background: rgba(0, 0, 0, .35);
    border-radius: 4px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .24), 0 1px 0 rgba(255, 255, 255, .03)
}

.sceditor-container.resizing {
    overflow: hidden
}

.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown
div {
    padding: 0;
    margin: 0
}

div.sceditor-dropdown,
div.sceditor-dropdown
div {
    z-index: 3
}

.sceditor-container iframe, .sceditor-container
textarea {
    border: 0;
    outline: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #838383;
    padding: 0;
    margin: 5px;
    resize: none
}

.sceditor-container
textarea {
    padding: 5px
}

.sceditor-container.ie6 {
    overflow: hidden
}

.sceditor-maximize {
    position: fixed;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 10000;
    background: #000
}

/*Used for IE 6 as it has no position fixed support*/
html.sceditor-maximize, body.sceditor-maximize {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    /* Fixes issues with IE height being too big overflow : hidden*/
}

.ie6.sceditor-maximize {
    /* IE6 has no position fixed support position : absolute*/
}

.sceditor-maximize div.sceditor-grip {
    display: none
}

.sceditor-maximize div.sceditor-toolbar {
    width: auto !important;
    margin: 5px !important
}

.sceditor-toolbar body
textarea {
    background: none;
    border-radius: 0;
    box-shadow: none
}

.sceditor-toolbar body textarea:focus {
    box-shadow: none;
    border: none
}

div.sceditor-dropdown input[type="text"] {
    background: #0b0a0a;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.02);
    color: #6C6C6C;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 34px;
    padding: 0 10px;
    transition: all 300ms ease 0s
}

div.sceditor-dropdown input[type="button"], div.sceditor-dropdown input[type="submit"] {
    display: inline-block;
    border: none;
    background: #433f37;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #080808;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4), inset 0 1px 1px rgba(255, 255, 255, .05), inset 0 -5px 5px rgba(0, 0, 0, .25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

div.sceditor-dropdown input[type="button"]:hover, div.sceditor-dropdown input[type="submit"]:hover {
    background: #575249
}

div.sceditor-resize-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 3000px;
    height: 6000px;
    z-index: 2;
    filter: alpha(opacity=30);
    opacity: 0.3
}

div.sceditor-grip
.sceditor-button-grip {
    overflow: hidden;
    width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;

}

div.sceditor-dropdown {
    position: absolute;
    margin: 22px 0 0 1px;
    background: #2b2926;
    border-radius: 5px;
    color: #838383;
    font-size: 13px;
    z-index: 6;
    box-shadow: 0 0 25px rgba(0, 0, 0, 1), inset 0 0 0 1px rgba(255, 255, 255, .03)
}

div.sceditor-dropdown
form {
    margin: 0
}

div.sceditor-dropdown
label {
    display: block;
    font-weight: bold;
    font-size: .95em;
    margin: .65em 0 .15em;
    color: #706c66;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

div.sceditor-dropdown
.button {
    margin: .5em 0 0
}

.sceditor-pastetext
textarea {
    border: 1px solid #bbb;
    width: 20em
}

div.sceditor-inserttable, div.sceditor-insertimage, div.sceditor-pastetext, div.sceditor-insertlink, div.sceditor-insertemail {
    padding: 5px
}

.sceditor-insertemoticon
img {
    cursor: pointer;
    margin: 2px
}

.sceditor-more {
    border-top: 1px solid #bbb;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 2px 0
}

.sceditor-more:hover {
    background: #eee
}

.sceditor-fontsize-option, .sceditor-font-option {
    display: block;
    padding: 4px 6px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #838383
}

.sceditor-fontsize-option:hover, .sceditor-font-option:hover {
    background: #eee
}

.sceditor-color-column {
    float: left
}

.sceditor-color-option {
    display: block;
    border: 1px solid #fff;
    height: 10px;
    width: 10px;
    overflow: hidden
}

.sceditor-color-option:hover {
    border: 1px solid #333
}

div.sceditor-toolbar {
    width: 806px;
    padding: 3px 4px 0 3px;
    overflow: hidden;
    zoom: 1;
    line-height: 0;
    background: url(images/bar-bg.png) repeat-x;
    border-radius: 3px;
    top: 2px;
    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);
    text-align: left
}

div.sceditor-group {
    overflow: hidden;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 0 4px 4px;
    *margin: 2px 5px 2px 0;
    padding: 2px;
    border-radius: 3px;
    background: rgba(155, 150, 137, .08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 1px 1px rgba(0, 0, 0, .3)
}

.sceditor-toolbar:first-child {
    padding-left: 0px
}

.sceditor-button {
    float: left;
    cursor: pointer;
    padding: 3px 4px;
    border-radius: 1px
}

.sceditor-button.active {
    background: rgba(0, 0, 0, .2)
}

.sceditor-button.disabled
div {
    filter: alpha(opacity=30);
    opacity: 0.3
}

.sceditor-button.disabled:hover {
    background: inherit;
    cursor: default
}

.sceditor-button div, .sceditor-button {
    display: block;
    width: 16px;
    height: 16px
}

.sceditor-button
div {
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    opacity: .7
}

.sceditor-button:hover {
    background: rgba(0, 0, 0, .2)
}

.sceditor-button:hover
div {
    opacity: 1
}

.sceditor-button-youtube div, .sceditor-button-link div, .sceditor-button-unlink div, .sceditor-button-underline div, .sceditor-button-time div, .sceditor-button-table div,
.sceditor-button-superscript div, .sceditor-button-subscript div, .sceditor-button-strike div, .sceditor-button-source div, .sceditor-button-size div, .sceditor-button-rtl div,
.sceditor-button-right div, .sceditor-button-removeformat div, .sceditor-button-quote div, .sceditor-button-print div, .sceditor-button-pastetext div, .sceditor-button-paste div,
.sceditor-button-orderedlist div, .sceditor-button-ltr div, .sceditor-button-left div, .sceditor-button-justify div, .sceditor-button-italic div, .sceditor-button-image div,
.sceditor-button-horizontalrule div, .sceditor-button-font div, .sceditor-button-emoticon div, .sceditor-button-email div, .sceditor-button-date div, .sceditor-button-cut div,
.sceditor-button-copy div, .sceditor-button-color div, .sceditor-button-code div, .sceditor-button-center div, .sceditor-button-bulletlist div, .sceditor-button-bold div, .sceditor-button-maximize div, .sceditor-button-grip {
    background-image: url(images/bbcode-icons.png);
    background-repeat: no-repeat
}

.sceditor-button-youtube
div {
    background-position: 0px 0px;
    width: 16px;
    height: 16px
}

.sceditor-button-link
div {
    background-position: 0px -16px;
    width: 16px;
    height: 16px
}

.sceditor-button-unlink
div {
    background-position: 0px -32px;
    width: 16px;
    height: 16px
}

.sceditor-button-underline
div {
    background-position: 0px -48px;
    width: 16px;
    height: 16px
}

.sceditor-button-time
div {
    background-position: 0px -64px;
    width: 16px;
    height: 16px
}

.sceditor-button-table
div {
    background-position: 0px -80px;
    width: 16px;
    height: 16px
}

.sceditor-button-superscript
div {
    background-position: 0px -96px;
    width: 16px;
    height: 16px
}

.sceditor-button-subscript
div {
    background-position: 0px -112px;
    width: 16px;
    height: 16px
}

.sceditor-button-strike
div {
    background-position: 0px -128px;
    width: 16px;
    height: 16px
}

.sceditor-button-source
div {
    background-position: 0px -144px;
    width: 16px;
    height: 16px
}

.sceditor-button-size
div {
    background-position: 0px -160px;
    width: 16px;
    height: 16px
}

.sceditor-button-rtl
div {
    background-position: 0px -176px;
    width: 16px;
    height: 16px
}

.sceditor-button-right
div {
    background-position: 0px -192px;
    width: 16px;
    height: 16px
}

.sceditor-button-removeformat
div {
    background-position: 0px -208px;
    width: 16px;
    height: 16px
}

.sceditor-button-quote
div {
    background-position: 0px -224px;
    width: 16px;
    height: 16px
}

.sceditor-button-print
div {
    background-position: 0px -240px;
    width: 16px;
    height: 16px
}

.sceditor-button-pastetext
div {
    background-position: 0px -256px;
    width: 16px;
    height: 16px
}

.sceditor-button-paste
div {
    background-position: 0px -272px;
    width: 16px;
    height: 16px
}

.sceditor-button-orderedlist
div {
    background-position: 0px -288px;
    width: 16px;
    height: 16px
}

.sceditor-button-ltr
div {
    background-position: 0px -304px;
    width: 16px;
    height: 16px
}

.sceditor-button-left
div {
    background-position: 0px -320px;
    width: 16px;
    height: 16px
}

.sceditor-button-justify
div {
    background-position: 0px -336px;
    width: 16px;
    height: 16px
}

.sceditor-button-italic
div {
    background-position: 0px -352px;
    width: 16px;
    height: 16px
}

.sceditor-button-image
div {
    background-position: 0px -368px;
    width: 16px;
    height: 16px
}

.sceditor-button-horizontalrule
div {
    background-position: 0px -384px;
    width: 16px;
    height: 16px
}

.sceditor-button-font
div {
    background-position: 0px -400px;
    width: 16px;
    height: 16px
}

.sceditor-button-emoticon
div {
    background-position: 0px -416px;
    width: 16px;
    height: 16px
}

.sceditor-button-email
div {
    background-position: 0px -432px;
    width: 16px;
    height: 16px
}

.sceditor-button-date
div {
    background-position: 0px -448px;
    width: 16px;
    height: 16px
}

.sceditor-button-cut
div {
    background-position: 0px -464px;
    width: 16px;
    height: 16px
}

.sceditor-button-copy
div {
    background-position: 0px -480px;
    width: 16px;
    height: 16px
}

.sceditor-button-color
div {
    background-position: 0px -496px;
    width: 16px;
    height: 16px
}

.sceditor-button-code
div {
    background-position: 0px -512px;
    width: 16px;
    height: 16px
}

.sceditor-button-center
div {
    background-position: 0px -528px;
    width: 16px;
    height: 16px
}

.sceditor-button-bulletlist
div {
    background-position: 0px -544px;
    width: 16px;
    height: 16px
}

.sceditor-button-bold
div {
    background-position: 0px -560px;
    width: 16px;
    height: 16px
}

.sceditor-button-grip {
    background-position: 0px -576px;
    width: 10px;
    height: 10px
}

.sceditor-button-maximize
div {
    background-position: 0px -608px;
    width: 16px;
    height: 16px
}

.vaults {
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 192px;
    background: url(../img/misc_images/warehouse_item_block.jpg);
}

.vaults img {
    top: 0;
    margin: 0 0 -3px 0;
    padding: 0;
    border: 0;
}

.table1 td {
    padding: 0;
}

.table1 img {
    top: 0;
    margin: 0 0 -3px 0;
    padding: 0;
    border: 0;
}

.normal_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #cccccc;
}

.full_title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #B9955B;
    font-size: 12px;
    font-weight: bold;
}

.waretitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #000000;
    font-style: oblique;
    font-weight: bold;
}

.sell {
    text-align: center;
    position: absolute;
    margin-left: 100px;
    margin-top: 70px;
    width: 300px;
    display: none;
    background-color: #212121;
    color: #fff;
    z-index: 500;
}

.stitle {
    text-align: center;
    background-color: #000;
    color: #000;
    font-weight: bold;
    font-size: 11px;
}

.field {
    border: 0px solid #000000;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #999999;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.money {
    position: absolute;
    top: 15px;
    left: 70px;
    z-index: 100;
}

table.themain a {
    color: orange;
}

table.themain a:hover {
    color: white;
}

table.themain td {
    font-family: arial;
    font-size: 12px;
    padding: 1px 2px 1px 2px;
    height: 22px;
    line-height: 22px;
    color: white;
}

table.themain th {
    font-family: arial;
    font-size: 12px;
    background-color: #29251C;
    font-weight: bold;
    color: #FFE3AD;
    padding: 1px 2px 1px 2px;
}

table.themain tr {
    background-color: #0B0A08;
    color: #FFE3AD;
}

table.themain tr.odd {
    background-color: #29251C;
    color: #FFE3AD;
}

#sell_price {
    display: inline-block;
    vertical-align: top;
    width: 170px; /*margin:10px 0 0 7px*/
}

#sell_price_type {
    display: inline-block;
    vertical-align: top;
    width: 200px; /*margin:10px 0 0 7px*/
}

#events dt {
    display: block;
    width: 267px;
    height: 42px;
    background: url(images/top_voters_line.png) no-repeat bottom;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    color: #55493f;
    font-size: 14px;
}

#events span {
    display: block;
    font-size: 12px;
}

#events {
    padding: 10px 15px 10px 15px;
}

.rightfloat {
    float: right;
}

#bossTimer dt {
    display: block;
    width: 267px;
    height: 42px;
    background: url(images/top_voters_line.png) no-repeat bottom;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    color: #55493f;
    font-size: 14px;
}

#bossTimer span {
    display: block;
    font-size: 12px;
}

#bossTimer {
    padding: 10px 15px 10px 15px;
}


.flag {
    width: 16px;
    height: 11px;
    background: url(images/flags.png) no-repeat
}

.flag.flag-ad {
    background-position: -16px 0
}

.flag.flag-ae {
    background-position: -32px 0
}

.flag.flag-af {
    background-position: -48px 0
}

.flag.flag-ag {
    background-position: -64px 0
}

.flag.flag-ai {
    background-position: -80px 0
}

.flag.flag-al {
    background-position: -96px 0
}

.flag.flag-am {
    background-position: -112px 0
}

.flag.flag-an {
    background-position: -128px 0
}

.flag.flag-ao {
    background-position: -144px 0
}

.flag.flag-ar {
    background-position: -160px 0
}

.flag.flag-as {
    background-position: -176px 0
}

.flag.flag-at {
    background-position: -192px 0
}

.flag.flag-au {
    background-position: -208px 0
}

.flag.flag-aw {
    background-position: -224px 0
}

.flag.flag-az {
    background-position: -240px 0
}

.flag.flag-ba {
    background-position: 0 -11px
}

.flag.flag-bb {
    background-position: -16px -11px
}

.flag.flag-bd {
    background-position: -32px -11px
}

.flag.flag-be {
    background-position: -48px -11px
}

.flag.flag-bf {
    background-position: -64px -11px
}

.flag.flag-bg {
    background-position: -80px -11px
}

.flag.flag-bh {
    background-position: -96px -11px
}

.flag.flag-bi {
    background-position: -112px -11px
}

.flag.flag-bj {
    background-position: -128px -11px
}

.flag.flag-bm {
    background-position: -144px -11px
}

.flag.flag-bn {
    background-position: -160px -11px
}

.flag.flag-bo {
    background-position: -176px -11px
}

.flag.flag-br {
    background-position: -192px -11px
}

.flag.flag-bs {
    background-position: -208px -11px
}

.flag.flag-bt {
    background-position: -224px -11px
}

.flag.flag-bv {
    background-position: -240px -11px
}

.flag.flag-bw {
    background-position: 0 -22px
}

.flag.flag-by {
    background-position: -16px -22px
}

.flag.flag-bz {
    background-position: -32px -22px
}

.flag.flag-ca {
    background-position: -48px -22px
}

.flag.flag-catalonia {
    background-position: -64px -22px
}

.flag.flag-cd {
    background-position: -80px -22px
}

.flag.flag-cf {
    background-position: -96px -22px
}

.flag.flag-cg {
    background-position: -112px -22px
}

.flag.flag-ch {
    background-position: -128px -22px
}

.flag.flag-ci {
    background-position: -144px -22px
}

.flag.flag-ck {
    background-position: -160px -22px
}

.flag.flag-cl {
    background-position: -176px -22px
}

.flag.flag-cm {
    background-position: -192px -22px
}

.flag.flag-cn {
    background-position: -208px -22px
}

.flag.flag-co {
    background-position: -224px -22px
}

.flag.flag-cr {
    background-position: -240px -22px
}

.flag.flag-cu {
    background-position: 0 -33px
}

.flag.flag-cv {
    background-position: -16px -33px
}

.flag.flag-cw {
    background-position: -32px -33px
}

.flag.flag-cy {
    background-position: -48px -33px
}

.flag.flag-cz {
    background-position: -64px -33px
}

.flag.flag-de {
    background-position: -80px -33px
}

.flag.flag-dj {
    background-position: -96px -33px
}

.flag.flag-dk {
    background-position: -112px -33px
}

.flag.flag-dm {
    background-position: -128px -33px
}

.flag.flag-do {
    background-position: -144px -33px
}

.flag.flag-dz {
    background-position: -160px -33px
}

.flag.flag-ec {
    background-position: -176px -33px
}

.flag.flag-ee {
    background-position: -192px -33px
}

.flag.flag-eg {
    background-position: -208px -33px
}

.flag.flag-eh {
    background-position: -224px -33px
}

.flag.flag-england {
    background-position: -240px -33px
}

.flag.flag-er {
    background-position: 0 -44px
}

.flag.flag-es {
    background-position: -16px -44px
}

.flag.flag-et {
    background-position: -32px -44px
}

.flag.flag-eu {
    background-position: -48px -44px
}

.flag.flag-fi {
    background-position: -64px -44px
}

.flag.flag-fj {
    background-position: -80px -44px
}

.flag.flag-fk {
    background-position: -96px -44px
}

.flag.flag-fm {
    background-position: -112px -44px
}

.flag.flag-fo {
    background-position: -128px -44px
}

.flag.flag-fr {
    background-position: -144px -44px
}

.flag.flag-ga {
    background-position: -160px -44px
}

.flag.flag-gb {
    background-position: -176px -44px
}

.flag.flag-gd {
    background-position: -192px -44px
}

.flag.flag-ge {
    background-position: -208px -44px
}

.flag.flag-gf {
    background-position: -224px -44px
}

.flag.flag-gg {
    background-position: -240px -44px
}

.flag.flag-gh {
    background-position: 0 -55px
}

.flag.flag-gi {
    background-position: -16px -55px
}

.flag.flag-gl {
    background-position: -32px -55px
}

.flag.flag-gm {
    background-position: -48px -55px
}

.flag.flag-gn {
    background-position: -64px -55px
}

.flag.flag-gp {
    background-position: -80px -55px
}

.flag.flag-gq {
    background-position: -96px -55px
}

.flag.flag-gr {
    background-position: -112px -55px
}

.flag.flag-gs {
    background-position: -128px -55px
}

.flag.flag-gt {
    background-position: -144px -55px
}

.flag.flag-gu {
    background-position: -160px -55px
}

.flag.flag-gw {
    background-position: -176px -55px
}

.flag.flag-gy {
    background-position: -192px -55px
}

.flag.flag-hk {
    background-position: -208px -55px
}

.flag.flag-hm {
    background-position: -224px -55px
}

.flag.flag-hn {
    background-position: -240px -55px
}

.flag.flag-hr {
    background-position: 0 -66px
}

.flag.flag-ht {
    background-position: -16px -66px
}

.flag.flag-hu {
    background-position: -32px -66px
}

.flag.flag-ic {
    background-position: -48px -66px
}

.flag.flag-id {
    background-position: -64px -66px
}

.flag.flag-ie {
    background-position: -80px -66px
}

.flag.flag-il {
    background-position: -96px -66px
}

.flag.flag-im {
    background-position: -112px -66px
}

.flag.flag-in {
    background-position: -128px -66px
}

.flag.flag-io {
    background-position: -144px -66px
}

.flag.flag-iq {
    background-position: -160px -66px
}

.flag.flag-ir {
    background-position: -176px -66px
}

.flag.flag-is {
    background-position: -192px -66px
}

.flag.flag-it {
    background-position: -208px -66px
}

.flag.flag-je {
    background-position: -224px -66px
}

.flag.flag-jm {
    background-position: -240px -66px
}

.flag.flag-jo {
    background-position: 0 -77px
}

.flag.flag-jp {
    background-position: -16px -77px
}

.flag.flag-ke {
    background-position: -32px -77px
}

.flag.flag-kg {
    background-position: -48px -77px
}

.flag.flag-kh {
    background-position: -64px -77px
}

.flag.flag-ki {
    background-position: -80px -77px
}

.flag.flag-km {
    background-position: -96px -77px
}

.flag.flag-kn {
    background-position: -112px -77px
}

.flag.flag-kp {
    background-position: -128px -77px
}

.flag.flag-kr {
    background-position: -144px -77px
}

.flag.flag-kurdistan {
    background-position: -160px -77px
}

.flag.flag-kw {
    background-position: -176px -77px
}

.flag.flag-ky {
    background-position: -192px -77px
}

.flag.flag-kz {
    background-position: -208px -77px
}

.flag.flag-la {
    background-position: -224px -77px
}

.flag.flag-lb {
    background-position: -240px -77px
}

.flag.flag-lc {
    background-position: 0 -88px
}

.flag.flag-li {
    background-position: -16px -88px
}

.flag.flag-lk {
    background-position: -32px -88px
}

.flag.flag-lr {
    background-position: -48px -88px
}

.flag.flag-ls {
    background-position: -64px -88px
}

.flag.flag-lt {
    background-position: -80px -88px
}

.flag.flag-lu {
    background-position: -96px -88px
}

.flag.flag-lv {
    background-position: -112px -88px
}

.flag.flag-ly {
    background-position: -128px -88px
}

.flag.flag-ma {
    background-position: -144px -88px
}

.flag.flag-mc {
    background-position: -160px -88px
}

.flag.flag-md {
    background-position: -176px -88px
}

.flag.flag-me {
    background-position: -192px -88px
}

.flag.flag-mg {
    background-position: -208px -88px
}

.flag.flag-mh {
    background-position: -224px -88px
}

.flag.flag-mk {
    background-position: -240px -88px
}

.flag.flag-ml {
    background-position: 0 -99px
}

.flag.flag-mm {
    background-position: -16px -99px
}

.flag.flag-mn {
    background-position: -32px -99px
}

.flag.flag-mo {
    background-position: -48px -99px
}

.flag.flag-mp {
    background-position: -64px -99px
}

.flag.flag-mq {
    background-position: -80px -99px
}

.flag.flag-mr {
    background-position: -96px -99px
}

.flag.flag-ms {
    background-position: -112px -99px
}

.flag.flag-mt {
    background-position: -128px -99px
}

.flag.flag-mu {
    background-position: -144px -99px
}

.flag.flag-mv {
    background-position: -160px -99px
}

.flag.flag-mw {
    background-position: -176px -99px
}

.flag.flag-mx {
    background-position: -192px -99px
}

.flag.flag-my {
    background-position: -208px -99px
}

.flag.flag-mz {
    background-position: -224px -99px
}

.flag.flag-na {
    background-position: -240px -99px
}

.flag.flag-nc {
    background-position: 0 -110px
}

.flag.flag-ne {
    background-position: -16px -110px
}

.flag.flag-nf {
    background-position: -32px -110px
}

.flag.flag-ng {
    background-position: -48px -110px
}

.flag.flag-ni {
    background-position: -64px -110px
}

.flag.flag-nl {
    background-position: -80px -110px
}

.flag.flag-no {
    background-position: -96px -110px
}

.flag.flag-np {
    background-position: -112px -110px
}

.flag.flag-nr {
    background-position: -128px -110px
}

.flag.flag-nu {
    background-position: -144px -110px
}

.flag.flag-nz {
    background-position: -160px -110px
}

.flag.flag-om {
    background-position: -176px -110px
}

.flag.flag-pa {
    background-position: -192px -110px
}

.flag.flag-pe {
    background-position: -208px -110px
}

.flag.flag-pf {
    background-position: -224px -110px
}

.flag.flag-pg {
    background-position: -240px -110px
}

.flag.flag-ph {
    background-position: 0 -121px
}

.flag.flag-pk {
    background-position: -16px -121px
}

.flag.flag-pl {
    background-position: -32px -121px
}

.flag.flag-pm {
    background-position: -48px -121px
}

.flag.flag-pn {
    background-position: -64px -121px
}

.flag.flag-pr {
    background-position: -80px -121px
}

.flag.flag-ps {
    background-position: -96px -121px
}

.flag.flag-pt {
    background-position: -112px -121px
}

.flag.flag-pw {
    background-position: -128px -121px
}

.flag.flag-py {
    background-position: -144px -121px
}

.flag.flag-qa {
    background-position: -160px -121px
}

.flag.flag-re {
    background-position: -176px -121px
}

.flag.flag-ro {
    background-position: -192px -121px
}

.flag.flag-rs {
    background-position: -208px -121px
}

.flag.flag-ru {
    background-position: -224px -121px
}

.flag.flag-rw {
    background-position: -240px -121px
}

.flag.flag-sa {
    background-position: 0 -132px
}

.flag.flag-sb {
    background-position: -16px -132px
}

.flag.flag-sc {
    background-position: -32px -132px
}

.flag.flag-scotland {
    background-position: -48px -132px
}

.flag.flag-sd {
    background-position: -64px -132px
}

.flag.flag-se {
    background-position: -80px -132px
}

.flag.flag-sg {
    background-position: -96px -132px
}

.flag.flag-sh {
    background-position: -112px -132px
}

.flag.flag-si {
    background-position: -128px -132px
}

.flag.flag-sk {
    background-position: -144px -132px
}

.flag.flag-sl {
    background-position: -160px -132px
}

.flag.flag-sm {
    background-position: -176px -132px
}

.flag.flag-sn {
    background-position: -192px -132px
}

.flag.flag-so {
    background-position: -208px -132px
}

.flag.flag-somaliland {
    background-position: -224px -132px
}

.flag.flag-sr {
    background-position: -240px -132px
}

.flag.flag-ss {
    background-position: 0 -143px
}

.flag.flag-st {
    background-position: -16px -143px
}

.flag.flag-sv {
    background-position: -32px -143px
}

.flag.flag-sx {
    background-position: -48px -143px
}

.flag.flag-sy {
    background-position: -64px -143px
}

.flag.flag-sz {
    background-position: -80px -143px
}

.flag.flag-tc {
    background-position: -96px -143px
}

.flag.flag-td {
    background-position: -112px -143px
}

.flag.flag-tf {
    background-position: -128px -143px
}

.flag.flag-tg {
    background-position: -144px -143px
}

.flag.flag-th {
    background-position: -160px -143px
}

.flag.flag-tibet {
    background-position: -176px -143px
}

.flag.flag-tj {
    background-position: -192px -143px
}

.flag.flag-tk {
    background-position: -208px -143px
}

.flag.flag-tl {
    background-position: -224px -143px
}

.flag.flag-tm {
    background-position: -240px -143px
}

.flag.flag-tn {
    background-position: 0 -154px
}

.flag.flag-to {
    background-position: -16px -154px
}

.flag.flag-tr {
    background-position: -32px -154px
}

.flag.flag-tt {
    background-position: -48px -154px
}

.flag.flag-tv {
    background-position: -64px -154px
}

.flag.flag-tw {
    background-position: -80px -154px
}

.flag.flag-tz {
    background-position: -96px -154px
}

.flag.flag-ua {
    background-position: -112px -154px
}

.flag.flag-ug {
    background-position: -128px -154px
}

.flag.flag-um {
    background-position: -144px -154px
}

.flag.flag-us {
    background-position: -160px -154px
}

.flag.flag-uy {
    background-position: -176px -154px
}

.flag.flag-uz {
    background-position: -192px -154px
}

.flag.flag-va {
    background-position: -208px -154px
}

.flag.flag-vc {
    background-position: -224px -154px
}

.flag.flag-ve {
    background-position: -240px -154px
}

.flag.flag-vg {
    background-position: 0 -165px
}

.flag.flag-vi {
    background-position: -16px -165px
}

.flag.flag-vn {
    background-position: -32px -165px
}

.flag.flag-vu {
    background-position: -48px -165px
}

.flag.flag-wales {
    background-position: -64px -165px
}

.flag.flag-wf {
    background-position: -80px -165px
}

.flag.flag-ws {
    background-position: -96px -165px
}

.flag.flag-xk {
    background-position: -112px -165px
}

.flag.flag-ye {
    background-position: -128px -165px
}

.flag.flag-yt {
    background-position: -144px -165px
}

.flag.flag-za {
    background-position: -160px -165px
}

.flag.flag-zanzibar {
    background-position: -176px -165px
}

.flag.flag-zm {
    background-position: -192px -165px
}

.flag.flag-zw {
    background-position: -208px -165px
}

/* ACHIEVEMENTS */

.achievement {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    width: 407.8px;
    padding: 2px;
    margin: 2px;
    vertical-align: top;
}

.achievement table {
    width: 100%;
}

.ach-icon {
    text-align: center;
    vertical-align: top;
    width: 50px;
    padding: 4px 2px;
}

.ach-icon img {
    box-shadow: 0 0 8px #000;
}

.ach-text {
    vertical-align: top;
    width: 340px;
    height: 50px;
    padding: 2px;
}

.ach-title {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #d8a86a;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 125%;
}

.ach-get span, .ach-job {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    margin: 2px 0;
    padding: 6px 8px;
    border-radius: 2px;
    text-transform: uppercase;
}

.ach-job {
    font-size: 10px;
    cursor: pointer;
}

.ach-help-text {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #251a15;
    border-top: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    z-index: 1;
    height: 48px;
    font-size: 12px;
}

.ach-help-text p {
    padding: 0 4px;
}

#ach-popup {
    width: 484px;
}

.ach-item-frame {
    display: inline-block;
    text-align: center;
}

.ach-item-frame .ach-give {
    position: absolute;
    bottom: -17px;
    right: 2px;
    z-index: 2;
}

.ach-item-num {
    border-radius: 50px;
    background-color: #090807;
    border: 2px solid #412c28;
    position: absolute;
    bottom: -14px;
    left: 6px;
    z-index: 2;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
}

.ach-item-img, .ach-jewels-img {
    display: block;
    padding: 2px;
    margin: 2px;
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    border-radius: 4px;
}

.ach-item-img {
    width: 76px;
    height: 76px;
}

.ach-jewels-img {
    padding: 12px 12px 16px 12px
}

.inv-frame {
    border: 1px #211c19 solid;
    border-radius: 4px;
    margin: 2px 16px;
    padding: 4px;
}

.rate-line {
    background-color: #161210;
    border: 1px #412c28 solid;
    height: 22px;
    margin: 9px 0;
}

.rate-line-stage {
    top: 0;
    left: 0;
    background-color: #2C1D1A;
    height: 22px;
    z-index: 1;
}

.rate-text {
    font-size: 11px;
    text-align: center;
    text-shadow: #000 1px 1px 0px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
    margin-top: -22px;
    z-index: 2;
}

.rate-text img {
    margin: 5px 2px;
}

.star-rating, .current-rating {
    background: url('images/achievements/star.png') repeat-x;
    height: 12px;
}

.star-rating {
    position: relative;
    float: right;
    margin: 2px;
}

.star-rating-big, .current-rating-big {
    background: url('images/achievements/star-big.png') repeat-x;
    height: 16px;
}

.star-rating-big {
    position: relative;
    display: inline-block;
    width: 80px;
}

.current-rating, .current-rating-big {
    background-position: left bottom;
}

.present-box {
    border-bottom: 1px #211c19 solid;
    padding: 4px;
}

.presents-hide {
    right: 0;
    top: 0;
}

.presents-hide img {
    width: 32px;
}

.presents-hide td {
    padding: 2px 0;
}

#starRating {
    z-index: 20;
}

a#grand-shop-panel {
    display: block;
    width: 346px;
    height: 174px;
    background: #000 url('images/achievements/grand-shop.png') no-repeat;
    border: 1px #412c28 solid;
    z-index: 10;
    opacity: 0.7;
    text-indent: -9999999px;
    padding: 2px;
}

a#grand-shop-panel:hover {
    text-align: right;
    line-height: 326px;
    text-indent: 0;
    font-weight: bold;
    opacity: 1;
    text-shadow: #000 1px 1px 0px;
}

#info-char-achievement {
    background: transparent url('images/achievements/achievement.png') no-repeat center center;
    display: inline-block;
    width: 164px;
    height: 64px;
}

#operation_type {
    width: 100%
}

.open {
    background: url('images/timer_bg.png');
    height: 100px;
    width: 672px;
}

.time {
    color: #fff;
    font-size: 25px;
    font-family: Helvetica;
    text-shadow: #000 0px 1px;
}

table.top5table {
    display: block;
    margin: 5px 0 0 5px;
}

table.top5table tr {
    display: block;
    width: 297px;
    height: 42px;
    background: url(images/top_voters_line.png) no-repeat bottom;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
}

table.top5table tr:last-child {
    background: none;
}

table.top5table tr td {
    padding-top: 10px;
    color: #9E9E9E;
    font-size: 13px;
}

table.top5table img {
    margin-top: 4px;
}

table.top5table img.country {
    margin-top: 12px;
}

table.top5table tr td.pos {
    color: #9E9E9E;
    font-size: 14px;
    margin: 10px 10px 0 10px;
}

table.top5table a {
    color: #BF360C;
    font-size: 14px;
    margin: 10px 0 0 0;
}

table.top5table a:hover {
    color: #FBE9E7;
}

table.top5table tr td.inf {
    color: #9E9E9E;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 10px 0 0;
}

table.top5table tr td.inf i {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #55493f
}

.recruit-link-holder {
    width: 720px;
    height: auto;
    background: rgba(255, 255, 255, .025);
    padding: 45px 0 55px 0;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .04);
    margin: 0 0 35px 0;
}

.recruit-link-holder h2 {
    font-size: 11px;
    text-align: left;
    margin: 0 0 10px 62px;
    font-weight: bold;
    color: #74634d;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    text-transform: uppercase;
}

.recruit-link {
    width: 600px;
}

div.email-link {
    width: 580px;
    height: 31px;
    background: rgba(0, 0, 0, .4);
    border-radius: 3px;
    text-align: left;
    font-size: 15px;
    font-family: "Courier New", Courier, monospace;
    padding: 13px 0 0 18px;
    color: #56544e;
    text-shadow: 0 1px 1px #000;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .03);
}

div.email-link input {
    border: none;
    background: none;
    box-shadow: none;
    text-align: left;
    font-size: 15px;
    font-family: "Courier New", Courier, monospace;
    width: 530px;
    height: 31px;
    text-shadow: 0 1px 1px #000;
    margin: -18px 0 0 -13px;
}

.recruit-link span {
    display: block;
    position: absolute;
    top: 3px;
    right: 4px;
    width: 38px;
    height: 38px;
    background-position: -1px -52px;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

.recruit-link span:hover {
    background-position: -40px -52px;
    cursor: pointer;
}

.w-addon-row .drivers-img {
    width: 98px;
    height: 98px;
    float: none;
}

/* AUCTIONS */

.auction {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    width: 823px;
    padding: 10px;
    margin: 2px;
    margin-bottom: 30px;
}

.auction table {
    width: 100%;
}

.auction-text {
    vertical-align: top;
    width: 340px;
    /*height:50px;*/
    padding: 2px;
}

.auction-title {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #d8a86a;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 125%;
}

.auction-get span, .auction-job {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    margin: 2px 0;
    padding: 6px 8px;
    border-radius: 2px;
    text-transform: uppercase;
}

.auction-job {
    font-size: 10px;
    cursor: pointer;
}

.auction-help-text {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #251a15;
    border-top: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    z-index: 1;
    height: 48px;
    font-size: 12px;
}

.auction-help-text p {
    padding: 0 4px;
}

#auction-popup {
    width: 484px;
}

.auction-item-frame .auction-give {
    position: absolute;
    bottom: -17px;
    right: 2px;
    z-index: 2;
}

.auction-item-num {
    border-radius: 50px;
    background-color: #090807;
    border: 2px solid #412c28;
    position: absolute;
    bottom: -14px;
    left: 6px;
    z-index: 2;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
}

.auction-item-img, .auction-jewels-img {
    display: block;
    padding: 2px;
    margin: 2px;
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    border-radius: 4px;
}

.auction-item-img {
    width: 76px;
    height: 76px;
}

.auction-jewels-img {
    padding: 12px 12px 16px 12px
}

.auction-inv-frame {
    border: 1px #211c19 solid;
    border-radius: 4px;
    margin: 2px 16px;
    padding: 4px;
}

.auction-rate-line {
    background-color: #161210;
    border: 1px #412c28 solid;
    height: 22px;
    margin: 9px 0;
}

.auction-rate-line-stage {
    top: 0;
    left: 0;
    background-color: #2C1D1A;
    height: 22px;
    z-index: 1;
}

.auction-rate-text {
    font-size: 11px;
    text-align: center;
    text-shadow: #000 1px 1px 0px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 22px;
    margin-top: -22px;
    z-index: 2;
}

.auction-rate-text img {
    margin: 5px 2px;
}

.auction-item-frame {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    padding: 10px;
    margin: 2px;
    white-space: nowrap;
    text-align: center;
    height: 128px;
}

.auction-img {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.auction-item-frame img {
    vertical-align: middle;
    max-height: 128px;
}

.auction-higest-bid {
    color: #00AA00;
}

.auction-outbid {
    color: #CC0000;
}

.auction-status-box {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    width: 800px;
    padding: 10px;
    margin: 2px;
    margin-top: 10px;
}

.itemsel .row {
    width: 600px;
}

#anger1, #anger2, #anger3, #anger4, #anger5, #blessing1, #blessing2, #blessing3, #blessing4, #blessing5, #integrity1, #integrity2, #integrity3, #integrity4, #integrity5,
#divinity1, #divinity2, #divinity3, #divinity4, #divinity5, #gale1, #gale2, #gale3, #gale4, #gale5 {
    width: 320px;
}

#anger1lvl, #anger2lvl, #anger3lvl, #anger4lvl, #anger5lvl, #blessing1lvl, #blessing2lvl, #blessing3lvl, #blessing4lvl, #blessing5lvl, #integrity1lvl, #integrity2lvl,
#integrity3lvl, #integrity4lvl, #integrity5lvl, #divinity1lvl, #divinity2lvl, #divinity3lvl, #divinity4lvl, #divinity5lvl, #gale1lvl, #gale2lvl, #gale3lvl, #gale4lvl, #gale5lvl {
    width: 80px;
}

.claimreward {
    color: #d8a86a;
}


/********************************GUIDE MENU************************************/

button.guide_accordion {
    /*background-color: #eee;
    color: #444;
    font-size: 13px;    
    padding: 15px;
    width: 100%;*/
    border: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    transition: 0.4s;

    width: 193px;
    height: 30px;
    background: rgba(42, 33, 28, .3);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), 1px 1px 1px rgba(0, 0, 0, .25);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;

    color: #8e7a5f;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    padding: 6px 3px 6px 10px;

    margin-bottom: 4px;
}

button.guide_accordion.active {
    background: rgba(42, 33, 28, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), inset 0 0 15px rgba(210, 187, 156, .1), 1px 1px 1px rgba(0, 0, 0, .25);
    color: #f1c487;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4), 0 0 5px rgba(241, 196, 135, .22);
    /*margin-bottom: 0;*/
}

button.guide_accordion:hover {
    /*background-color: #ddd;*/
    background: rgba(42, 33, 28, .5);
}

button.guide_accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}

button.guide_accordion.active:after {
    content: "\2796";
}

.subaccordion {
    margin: 0 10px 4px 10px !important;
    width: 173px !important;
    height: 28px !important;
}

div.guide_subpanel {
    /*padding: 0 18px;
    background-color: white;*/
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.guide_subpanel.show {
    opacity: 1;
    max-height: 500px;
    height: auto;
}

.sub2panel {
    margin: 0px 10px 0px 15px !important;
    width: 168px !important;
}

.guide_button {
    border: none;
    text-align: left;
    cursor: pointer;
    outline: none;
    transition: 0.4s;

    width: 193px;
    height: 18px;
    background: rgba(42, 33, 28, .3);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), 1px 1px 1px rgba(0, 0, 0, .25);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;

    color: #8e7a5f;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    padding: 6px 3px 6px 10px;

    margin-left: 10px;
    margin-bottom: 4px;
    float: left;
}

.guide_button.active {
    background: rgba(42, 33, 28, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .02), inset 0 0 15px rgba(210, 187, 156, .1), 1px 1px 1px rgba(0, 0, 0, .25);
    color: #f1c487;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4), 0 0 5px rgba(241, 196, 135, .22);
    /*margin-bottom: 0;*/
}

/******************************************************************************/

.ipb-pager {
    padding: 13px 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.ipb-pager span {
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background: #090402;
    text-indent: -9999px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .85), 1px 1px 1px rgba(114, 102, 88, .06);
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms
}

.ipb-pager span.cycle-pager-active {
    background: #332921;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

.ipb-pager span:hover {
    background: #403831;
    box-shadow: inset 0px 1px 1px rgba(172, 151, 126, .10), inset 0 0 7px rgba(255, 255, 190, .02), 0 0 6px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .35)
}

table.ipb-table {
    display: block;
    padding: 5px;
    width: 297px;
}

table.ipb-table tr {
    display: block;
    width: 297px;
/ / height: 42 px;
    background: url(images/top_voters_line.png) no-repeat bottom;
    font-family: 'Roboto', sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

table.ipb-table tr:last-child {
    background: none;
}

table.ipb-table tr td.title {
    font-size: 16px;
}

table.ipb-table tr td tr {
    background: none;
}

/*
table.ipb-table tr td {
    padding-top: 10px;
    color: #55493f;
    font-size: 13px;
}

table.ipb-table img {
    margin-top: 4px;
}

table.ipb-table img.country {
    margin-top: 12px;
}

table.ipb-table tr td.pos {
    color: #463c31;
    font-size: 12px;
    margin: 10px 10px 0 10px
}

table.ipb-table a {
    color: #55493f;
    font-size: 14px;
    margin: 10px 0 0 0
}

table.ipb-table a:hover {
    color: #817262
}

table.ipb-table tr td.inf {
    color: #55493f;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 10px 0 0
}

table.ipb-table tr td.inf i {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #55493f
}*/

/*#itemTooltip {
	position:absolute;
	display:none;
	z-index:1001;
	background-color: rgba(0, 0, 0, 0.7);
	padding:6px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	max-width:270px
}
#itemTooltip div, #shop-id-result div { text-align:center; margin:6px 0; }
#itemTooltip span, #shop-id-result span { display:block; }

.item_name, .item_name_gold, .item_name_exc, .item_name_acient, .item_name_acient1, .item_name_socket {
  font-weight:bold;
  padding: 1px;
}
.item_name_acient {
  background-color:#3c3cc8;
  color:#00ff00;
}

.item_class > span {
  color:rgb(210,0,0);
  display:block;
  margin-top: 1px;
  padding: 1px;
}

.item_name_acient1 { color:#3c77c8!important; }
.item_name_exc { color:#07D865!important; }
.item_name_gold, .item_harmony { color:#ffcc19!important; }
.item_name_socket { color:#a079c8!important; }
.item_luck, .item_exc, .item_sockets, .item_skill { color:#7eb1ff; }
.item_class { color:#fff; }
.item_sockets_title { color:#bd48ba; }
.item_ancient { color:#989898!important; }
.right_margin { margin-right:20px; }
.item_pvp { color:#cc7fcc!important; }
.item_sockets > span, .item_pvp > span {
  display:block;
}*/

.skills-wheel {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    height: 560px;
    margin: 0 auto 2em;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 560px;
}

.skills-wheel:before {
    border-style: solid;
    border-width: 32px 32px 0 32px;
    border-color: #d8a86a transparent transparent transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -32px;
    position: absolute;
    top: 8px;
    z-index: 100;
    width: 0;
}

.skills-wheel .btn {
    background-color: #404040;
    color: #fff;
    border: 4px solid #d8a86a;
    -webkit-box-shadow: inset 0 -8px 0 #2b2b2b;
    -moz-box-shadow: inset 0 -8px 0 #2b2b2b;
    box-shadow: inset 0 -8px 0 #2b2b2b;
    font-family: "avantgarde_bold", Helvetica, Arial, sans-serif;
    height: 100px;
    left: 50%;
    line-height: 100px;
    margin: -54px 0 0 -54px;
    padding: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    top: 50%;
    width: 100px;
}

.skills-wheel .btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 96px;
    margin-top: -50px;
}

.wheel {
    border: 12px solid #d8a86a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    width: 100%;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}

.wheel li {
    font-family: "avantgarde_bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    height: 50%;
    line-height: 18px;
    list-style: none;
    left: 316px;
    margin: 0 0 0 -106px;
    padding: 0;
    position: absolute;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    top: 0;
    width: 115px;
}

.wheel li:before {
    display: none;
}

.wheel a {
    color: #ffffff;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 10px;
    width: 100%;
}

.spinDisabled {
    pointer-events: none;
    cursor: default;
}

#events dt.eventActive {
    color: rgb(0, 150, 0);
}

.itemTooltipClassReq {
    color: white;
    white-space: nowrap;
}

.rankings-progress {
    color: #008800;
}

.rankings-progress-neg {
    color: #880000;
}

.castleArchitect {
    padding: 20px;
    text-align: left;
}

.castleArchitect h3 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 6px;
}

.castleArchitect h4 {
    font-weight: bold;
    font-size: 16px;
    padding: 16px 0 6px 0;
}

.castleArchitect ul.castleArchitectInfo {
    list-style: disc;
    margin-left: 18px;
    line-height: 24px;
    padding-bottom: 20px;
}

.castleArchitect ul.castleArchitectInfo li {
    list-style: disc;
}

.castleArchitect table.castleArchitectOwner th {
    width: 50%;
}

.castleArchitect .castleArchitectProduction {
    margin-top: 20px;
}

.castleArchitect .castleArchitectLastProduction {
    margin-top: 20px;
}

.castleArchitect table.castleArchitectLastProduction th {
    width: calc(100% / 7);
}

.castleArchitect .building {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    display: inline-block;
    width: calc(100% - 40px);
    padding: 10px 20px;
    margin-bottom: 30px;
}

.castleArchitect .building-top {
    width: 100%;
}

.castleArchitect .building-title {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #d8a86a;
    text-shadow: 0 0 8px rgba(0, 0, 0, .35), 1px 1px 1px rgba(0, 0, 0, .25);
    padding: 0 0 10px 0;
    line-height: 125%;
    width: 80%;
    display: inline-block;
}

.castleArchitect .building-complete {
    width: 19%;
    display: inline-block;
    float: right;
    text-align: right;
}

.castleArchitect .building-middle {
    width: 100%;
}

.castleArchitect .building-image {
    width: 160px;
    padding-right: 20px;
/ / height: 400 px;
    display: inline-block;
    vertical-align: top;
/ / border: 1 px red solid;
}

.castleArchitect .building-desc {
    width: 575px;
    display: inline-block;
    vertical-align: top;
/ / border: 1 px blue solid;
}

.castleArchitect .building-price {
    padding-top: 20px;
}

.castleArchitect .building-desc ul {
    margin-left: 20px;
}

.castleArchitect .building-desc ul li {
    list-style: disc;
    padding-bottom: 8px;
}

.castleArchitect .building-bottom {
    width: 100%;
}

.castleArchitect .building-button {
    float: right;
    display: inline-block;
}

.castleArchitect .building-price-box {
    background-color: #211812;
    border-left: 3px solid #d8a86a;
    padding: 6px 10px;
    width: 150px;
    display: inline-block;
    margin: 0 0 8px 14px;
    text-align: left;
}

.castleArchitect .building-price-val {
    color: #d8a86a;
    font-size: 18px;
    font-weight: bold;
}

.castleArchitect .building-manage-btn {
    border-left: 3px solid #d8a86a;
    padding: 6px 10px;
    width: 172px;
    display: inline-block;
    margin: 0 6px 8px 14px;
}

.castleArchitect .building-cannot-upgrade {
    background-color: #251a15;
    border: 1px solid #412c28;
    box-shadow: inset 0 0 8px #000000;
    width: calc(100% - 40px);
    padding: 10px 20px;
    margin-top: 20px;
    text-align: center;
    color: #d8a86a;
}

.castleArchitect table.castleArchitectInvestment {
    margin: 20px 0 20px 0;
}

.castleArchitect table.castleArchitectInvestment th {
    width: 50%;
}

.castleArchitect table.castleArchitectMyInvestments {
    margin: 20px 0 20px 0;
}

.castleArchitect table.castleArchitectMyInvestments th {
    width: calc(100% / 3);
}

.castleArchitect .building .account_sub_header {
    margin: 40px 0 0 0;
    width: 100%;
}

.castleArchitect .building .page-desc-holder {
    width: 100%;
    text-align: center;
    padding: 20px 0 20px 0;
}

.castleArchitect .building .account-wide {
    width: 100%;
}

/* Customs/rebuild */
.bg-dark {
	background-color: rgb(33, 33, 33)!important;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #9E9E9E;
    background-color: #424242;
    background-clip: padding-box;
    border: 1px solid #616161;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:hover {
	background-color: #212121;
}

.form-control:focus {
	background-color: #212121;
}

.form-control:active {
	background-color: #212121;
}

.lifecycle-forms {
	width: 19em;
}

.lifecycle-forms-group {
	display: grid;
    justify-content: center;
}

.form-inline .input-group {
    margin-left: 5px;
}

.lifecycle-forms-button {
    width: 12em;
}

.logout {
	text-align: right;
}

.reset-stats-list-group {
	width: 18em;
	margin: 3px;
	background-color: #c6c8ca;
	color: #1b1e21;
}