.animation-container {
    width: 1600px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -800px;
    overflow: hidden;
    height: 460px !important;
}

@font-face {
    font-family: calibri;
    src: url(../fonts/calibri.ttf)
}

@font-face {
    font-family: 'Ropa Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Ropa Sans Italic'), local('RopaSans-Italic'), url(../fonts/Wprc8_GrCVbQmKc-0NykFIbN6UDyHWBl620a-IRfuBk.woff) format('woff')
}

@font-face {
    font-family: 'Ropa Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Ropa Sans'), local('RopaSans-Regular'), url(../fonts/QnguTd82yEUxQZygH2gm8D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')
}

@font-face {
    font-family: guatami;
    src: url(../fonts/gautamib.ttf)
}

@font-face {
    font-family: calibrib;
    src: url(../fonts/calibrib.ttf)
}

@font-face {
    font-family: arialn;
    src: url(../fonts/ARIALN.TTF)
}

@font-face {
    font-family: 'Ebrima';
    src: url(../fonts/ebrima.ttf)
}

* {
    padding: 0;
    margin: 0;
    position: relative;
    outline: none;
    list-style: none;
    outline: none
}

BODY, HTML {
    padding: 0;
    margin: 0;
    background: #090606 url(../images/background.jpg) no-repeat top center;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 12px;
    height: 100%
}

center {
    //height: 100%
}

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

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

a:hover {
    color: #e0efff
}

form .row {
    width: 490px;
    height: 34px;
    margin: 0 0 12px 0
}

form .textarea-row {
    height: auto
}

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

form .row label {
    height: 26px;
    padding: 10px 0 0 18px;
    display: block;
    float: left;
    font-family: 'Ebrima';
    font-weight: normal;
    font-size: 14px;
    color: #74879e;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25)
}

input[type="text"], input[type="password"] {
    font-family: 'Ebrima';
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #a6c3e4;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 290px;
    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);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms
}

*::-webkit-input-placeholder {
    color: #564b41
}

*:-moz-placeholder {
    color: #564b41
}

*:-ms-input-placeholder {
    color: #564b41
}

form .row input[type="text"], form .row input[type="password"], textarea, .customfile {
    float: right
}

input[type="text"]:focus, input[type="password"]:focus {
    color: #4e5a6d;
    background: rgba(0, 0, 0, .30);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25), inset 0 0 6px rgba(51, 166, 255, .04), 1px 1px 0 rgba(40, 45, 54, .25)
}

input[type="text"].whrong, input[type="password"].whrong {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 6px rgba(255, 0, 0, .2)
}

input[type="text"].whrong:focus, input[type="password"].whrong:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 9px rgba(255, 0, 0, .25), inset 0 0 4px rgba(255, 255, 255, .05)
}

input[type="text"].success, input[type="password"].success {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 6px rgba(0, 255, 0, .15)
}

input[type="text"].success:focus, input[type="password"].success:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .02), 0 0 9px rgba(0, 255, 0, .2), inset 0 0 4px rgba(255, 255, 255, .05)
}

textarea {
    resize: none !important;
    font-family: 'Ebrima';
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #a6c3e4;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    height: auto;
    padding: 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);
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms
}

textarea:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .2), inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04), 0 0 7px rgba(255, 255, 102, .05), inset 0 0 4px rgba(255, 255, 255, .05)
}

.row
textarea {
    width: 290px
}

input[type="submit"], .simple_button {
    width: auto;
    height: 36px;
    border: none;
    cursor: pointer;
    line-height: 0;
    text-transform: capitalize;
    padding: 0 21px 2px 21px;
    vertical-align: top;
    margin: 2px 0 0 0;
    background: url(../images/submit_gradient.jpg) repeat-x;
    font-family: 'Ebrima';
    font-size: 13px;
    color: #5287b0;
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 3px;
    text-shadow: 0 0 6px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .55);
    box-shadow: inset 0 2px 0 #2f3d42, inset 0 0 8px rgba(0, 132, 255, .1), 0 0 7px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .4);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms
}

input[type="submit"]:hover, .simple_button:hover {
    color: #6facff;
    background: url(../images/submit_gradient_hover.jpg) repeat-x;
    text-shadow: 0 0 3px rgba(255, 203, 103, .25), 0 1px 2px rgba(0, 0, 0, .55)
}

input[type="submit"].simple, .simple_button {
    height: 34px;
    color: #886f52;
    background: rgba(31, 23, 20, .93);
    box-shadow: inset 0 2px 0 rgba(66, 56, 47, .25), 0 0 7px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .4);
    text-shadow: 0 0 6px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .55);
    margin: 0 0 0 11px
}

input[type="submit"].simple:hover, .simple_button:hover {
    color: #c6aa89;
    background: #271f1a;
    text-shadow: 0 0 6px rgba(175, 150, 121, .25), 0 1px 2px rgba(0, 0, 0, .55)
}

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

.human-test {
    width: 490px;
    background: rgba(255, 255, 255, .03);
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .015), 0 0 5px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .025);
    text-align: left;
    margin: 30px 0 30px 0;
    padding: 0 0 10px 0;
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    overflow: hidden
}

.human-test
h3 {
    padding: 7px 0 0 11px;
    font-family: 'Ropa Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #54788d;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .04);
    z-index: 2
}

.human-test
a#newq {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    font-weight: bold;
    font-size: 11px;
    z-index: 2
}

.human-test #question-hodlder {
    margin: 8px 10px 0 10px;
    padding: 10px;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    z-index: 2
}

.human-test #question-hodlder
input {
    width: 430px;
    background: rgba(0, 0, 0, .5)
}

.human-test #question-hodlder input:focus {
    box-shadow: inset 0 0 5px #54788d, 0 0 5px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .08);
    background: rgba(0, 0, 0, .3);
    color: #e0efff;
    box-shadow: inset 0 0 0 1px #e0efff, inset 0 0 0 1px rgba(255, 255, 255, .015), 0 0 5px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .025), 0 0 30px rgba(0, 0, 0, .5)
}

.human-test #captcha-question {
    display: block;
    width: 100%;
    padding: 0 0 8px 1px;
    color: #938677;
    font-weight: bold
}

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 a,
.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: #101b26;
    box-shadow: inset 0px 0px 20px rgba(255, 255, 255, .05), 0px 0px 15px rgba(0, 0, 0, .7);
    border: #1c2f43 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: #74879e;
    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: #76b4e3;
    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;
    padding-top: 25px;
    top: 0px;
    font-size: 12px
}

.main_b_holder {
    width: 100%;
    height: auto;
    min-height: 100px;
    background: #07080C 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
}

#body {
    width: 981px;
    height: auto;
    padding: 0 0 0 0;
    min-height: 800px
}

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

.content_holder {
    width: 982px;
    height: auto;
    padding: 0 0 0 0
}

.main_side {
    width: 671px;
    max-width: 685px;
    float: left
}

.sidebar {
    width: 299px;
    max-width: 299px;
    padding: 0 0 0 12px;
    float: left
}

.container {
    width: auto;
    height: auto;
    background: url(../images/index_news_container.png) repeat;
    box-shadow: 0 0 6px #54788d, 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 #54788d, 0 0 6px #54788d;
    overflow: hidden
}

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

.container_frame {
    background: #54788d;
    box-shadow: inset 0 0 0 1px #392f21, 0 0 6px #54788d;
    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 #e0efff, 0 0 6px #54788d
}

.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: rgba(10, 20, 33, .55);
    box-shadow: 0 0 6px #54788d, 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: 40px 0 40px 0
}

.container_3 {
    width: 633px;
    height: auto;
    min-height: 40px;
    background: rgba(10, 23, 32, .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;
    margin: 0 0 14px 0;
    padding: 35px 0 25px 0;
    z-index: 1
}

.container_4 {
    width: 980px;
    height: auto;
    min-height: 550px;
    background: rgba(10, 20, 33, .55);
    box-shadow: 0 0 6px #54788d, 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: 40px 0 40px 0
}

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 #54788d
}

.sub-page-title {
    width: 980px;
    height: 125px;
    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 30px
}

.sub-page-title #title
h1 {
    font-family: 'Ebrima';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 34px;
    color: #b0dbff;
    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: 200px!important;
    margin: 0px 0 0 0;
    background:url(../images/footer-end.jpg) top center no-repeat;
}
.bot-foot-border a{
    color:#4e83d2!important;
}

.bot-foot-border {
    top:150px!important;
    background:#0c0b0f!important;
    color:#353b4a!important;
}

.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: 'Ebrima';
    font-size: 11px;
    font-weight: bold;
    color: #74879e;
    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: #74879e;
    line-height: 150%;
    font-family: 'Ebrima';
    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: 'Ebrima';
    font-size: 11px;
    text-transform: uppercase;
    color: #74879e
}

#footer .right-side ul li a:hover {
    color: #2e6d99
}

#image_header {
    width: 100%;
    height: auto;
    top: 0px;
    overflow: hidden
}

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

#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) top;
    box-shadow: 0 0 6px rgba(0, 0, 0, .25), 2px 2px 1px rgba(0, 0, 0, .05), inset 0 0 2px rgba(31, 51, 68, .35), inset 0 0 15px rgba(63, 71, 88, .20);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.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: 'Ebrima';
    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: 'Ebrima';
    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: 'Ebrima';
    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: 'Ebrima';
    font-size: 14px;
    color: #d5e7ff;
    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: 'Ebrima';
    font-size: 12px;
    font-style: italic;
    color: #ffffff;
    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: calibrib;
    font-size: 13px;
    color: #74879e
}

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

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

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

.ts-status a#download-ts, .ts-status a#download-htc {
    font-size: 11px;
    color: #74879e;
    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: #248eb6;
    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: 10px 0 0 11px
}

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

#logon-status
h3 {
    font-family: 'Ebrima';
    text-transform: uppercase;
    font-size: 11px;
    color: #60798d;
    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: 'Ebrima';
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-size: 11px
}

#logon-status h3
p.status.online {
    color: #a2d021
}

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

.logon-status #server-time {
    float: right;
    width: 60px;
    height: 30px;
    text-align: right;
    margin: 4px 10px 0 0
}

#server-time
p {
    font-family: 'Ebrima';
    font-weight: bold;
    font-size: 13px;
    color: #695842
}

#server-time
span {
    font-family: 'Ebrima';
    font-size: 9px;
    top: 2px;
    left: -1px;
    color: #74879e;
    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 #54788d, 0 1px 0 rgba(255, 255, 255, .02)
}

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

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

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

.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: #74879e;
    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: #74879e;
    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: #74879e;
    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: #74879e;
    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: #74879e;
    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: 180px;
    height: 48px;
    text-align: left;
    padding: 9px 0 0 0;
    margin: 0;
    float: left
}

.bonus-m-links
a {
    font-family: 'Ebrima';
    display: block;
    font-size: 12px;
    color: #74879e;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25);
    line-height: 165%
}

.bonus-m-links a:hover {
    color: #8bddfb;
    text-shadow: 0 0 4px #000, 0 0 6px #54788d, 0 1px 0 #54788d, 0 1px 1px #54788d, 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: 4px 0 0 3px
}

.logged_in_bar .info
p {
    font-family: 'Ebrima';
    float: left;
    color: #697892;
    font-size: 12px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .25), 1px 1px 1px rgba(0, 0, 0, .45);
    margin: 0 0 3px 0;
    text-align: left;
    width: 250px;
    overflow: hidden
}

.logged_in_bar .info
.coints {
    width: 200px;
    height: 26px;
    color: #658a9c;
    font-family: 'Ebrima';
    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;
    box-shadow: 0 0 3px rgba(255, 204, 102, 1), inset 0 0 4px rgba(255, 204, 102, 1), inset 0 0 2px 1px rgba(255, 204, 102, .6);
    background: rgba(255, 235, 148, .25);
    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: 5px 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: 'Ebrima';
    font-weight: bold;
    color: #617189;
    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: #adc7d4;
    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: #526270;
    font-family: 'Ebrima';
    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: #54788d;
    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: #54788d0ff !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 #54788d;
    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: #777d8a;
    text-shadow: 0 0 5px #54788d;
    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: 121;
    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: #88a4af;
    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: #fff;
    text-shadow: 1px 1px 0 rgba(0, 255, 0, .1);
    font-weight: bold;
    text-transform: uppercase
}

.addon-info .war-links a.download:hover {
    color: #fff;
    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 #54788d, 0 0 3px #54788d
}

.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 #54788d, 0 0 2px #54788d;
    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 #54788d;
    -moz-box-shadow: 0px 0px 3px #54788d;
    box-shadow: 0px 0px 3px #54788d;
    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 #54788d;
    -moz-box-shadow: 0px 0px 3px #54788d;
    box-shadow: 0px 0px 3px #54788d;
    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 #54788d, 0 0 10px #54788d, inset 0 0 15px rgba(0, 0, 0, .6), 0 0 45px #54788d;
    max-width: 600px;
    background: url(../images/texture_light_2.gif) repeat
}

.alert-box-holder
p {
    color: #9D9687;
    text-shadow: 0 0 3px #54788d;
    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: #54788d;
    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 #54788d, 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 #54788d;
    text-shadow: 0 1px 1px #54788d
}

.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 #54788d, 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: 'Ebrima';
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #a6c3e4;
    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: #20282e;
    -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 #54788d, inset 0 0 0 1px rgba(255, 255, 255, .05);
    color: #8da6c3;
    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
}

.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 #54788d;
    text-shadow: 0 -1px 0 #fff369, 0 1px 0 #9f6c2b, 0 2px 0 #7b5321, 0 3px 0 #5b3d18, 0 4px 2px #54788d, 0 0 6px #54788d, 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 #2f3d42, inset 0 0 8px rgba(0, 132, 255, .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 #54788d, 0 0 3px #54788d, inset 0 0 0 1px rgba(0, 0, 0, .3);
    float: left
}

.character-holder
p {
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    top: -2px;
    margin: 0 0 0 4px;
    top: -1px;
    left: 6px;
    line-height: 100%
}

.character-holder
span {
    width: 220px;
    font-size: 11px;
    color: rgb(65, 89, 103);
    display: block;
    margin: -2px 0 0 4px;
    left: 6px;
    font-weight: bold;
    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 #54788d;
}

.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 #54788d;
    color: #7a7364
}

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

div.level-option {
    line-height: 100%;
    text-shadow: 0 0 3px #54788d;
    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: #54788d;
    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: 'Ebrima';
    text-transform: uppercase;
    color: #59a1de;
    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: 376px;
    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: 510px;
    font-family: 'Ebrima';
    font-size: 14px;
    color: #54788d;
    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: 685px;
    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(31, 51, 68, .35), inset 0 0 15px rgba(63, 71, 88, .20);
    height: auto;
    width: 671px
}

.news_container
.header {
    display: block;
    height: 57px;
    width: 671px;
    margin: 0;
    background: url(../images/index_news_header.png) no-repeat top
}

.news_container .header
.header_left {
    float: left;
    color: #60b2ff;
    font-family: 'Ebrima';
    font-size: 17px;
    font-weight: bold;
    padding: 14px 0 0 18px
}

.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: 'Ebrima';
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #74879e;
    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: #accaef
}

.active_latest_news {
    background: url(../images/news_active_background.png) repeat-y bottom;
    width: 671px;
    height: auto;
    padding: 0 0 3px 0
}

.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;
    text-align: justify;
    margin: 0 0 0 11px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .45)
}

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

.active_latest_news .news_content
h4 {
    font-family: 'Ebrima';
    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: 'Ebrima';
    display: block;
    color: #77879b;
    width: 650px;
    max-height: 100%;
    font-size: 14px;
    margin: 15px 0 10px 0
}

a.readn_ln {
    font-family: 'Ebrima';
    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: 'Ebrima';
    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: 'Ebrima';
    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: 'Ebrima';
    float: left;
    font-size: 14px;
    color: #60b2ff;
    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: 'Ebrima';
    color: #74879e;
    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: 'Ebrima';
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #60b2ff;
    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: 'Ebrima';
    color: #74879e;
    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: 'Ebrima';
    float: left;
    font-size: 14px;
    color: #60b2ff;
    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: 'Ebrima';
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #60b2ff;
    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: 'Ebrima';
    color: #74879e;
    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: 'Ebrima';
    float: left;
    font-size: 14px;
    color: #60b2ff;
    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: 'Ebrima';
    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: 'Ebrima';
    font-weight: bold;
    float: left;
    font-size: 15px;
    color: #60b2ff;
    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: 'Ebrima';
    color: #74879e;
    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;
    color: #74879e;
    text-shadow: 0 0 5px rgba(0, 0, 0, .4), 1px 1px 1px rgba(0, 0, 0, .25);
}

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: 'Ebrima';
    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: #74879e;
    font-size: 12px;
    margin: 10px 10px 0 10px
}

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

ul.top_voters_list li a:hover {
    color: #627981
}

ul.top_voters_list li
span {
    display: inline-block;
    color: #74879e;
    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: #74879e
}

.gift_box {
    width: 268px;
    height: 79px;
    background: rgba(255, 255, 255, .04);
    border-radius: 3px;
    box-shadow: inset 0 0 2px rgba(38, 51, 71, .15), inset 0 0 20px rgba(38, 71, 73, .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: #627981;
    font-size: 11px;
    font-family: 'Ebrima';
    font-weight: normal;
    margin: 9px -10px 0 4px;
    left: -5px;
    line-height: 140%;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45)
}

.index-status-container {
    width: 297px;
    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: url(../images/index_top_voters_bg.png) no-repeat top
}

.spotlight .sub_header
h1 {
    display: block;
    float: left;
    width: auto;
    font-family: 'Ebrima';
    font-weight: bold;
    font-size: 15px;
    color: #60b2ff;
    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: 'Ebrima';
    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: #77879b;
    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: #74879e;
    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: #313640;
    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: #54788d;
    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: 57px;
    background-position: 0 -71px
}

.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: #54788d;
    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 #54788d, 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 #54788d, 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 #54788d, 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 #54788d, 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 #54788d, 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 #54788d
}

#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: #9199af;
    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: #54788d
}

/*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
}

body {
    color: #9199af;
    font-size: 13px
}

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

body
img {
    top: 3px
}

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: #9199af;
    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: #9199af
}

.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 #232e46
}

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: 60px 0 60px 0;
    min-height: 400px
}

.account_info_cont {
    height: 204px;
    border-radius: 0px;
    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: 0
}

.account_info {
    height: 203px;
    background: url(../images/account_info_bg.png) no-repeat top;
    font-family: calibrib;
    font-size: 14px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .3), 0 1px 0 rgba(0, 0, 0, .2)
}

.account_info
ul {
    float: left;
    height: 203px
}

.account_info
ul.account_avatar {
    width: 179px
}

.account_info
ul.account_info_main {
    width: 349px;
    height: 178px;
    background: url(../images/account_info_light.png) no-repeat left;
    margin: 13px 0 0 0
}

.account_info
ul.account_info_second {
    width: 315px;
    height: 178px;
    background: url(../images/account_info_dark.png) no-repeat left;
    margin: 13px 0 0 0
}

.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: #54788d
}

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

.account_info ul li
p {
    display: inline-block;
    color: #77879b
}

ul.account_avatar {
}

ul.account_avatar
li#avatar {
    display: block;
    width: 118px;
    height: 118px;
    margin: 33px auto 0 auto;
    background: #232e46;
    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: #5b6d88
}

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

.account_info
ul.account_info_main {
}

.account_info ul.account_info_main li
span {
    width: 100px;
    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: 605px;
    height: auto;
    float: left;
    margin: 0 0 0 76px;
    background: url(../images/account_main_menu_bg.png) no-repeat top
}

#accoun_panel_menu
li {
    display: block;
    float: left;
    width: 274px;
    height: 55px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .12);
    margin: 0 23px 24px 0;
    box-shadow: none
}

#accoun_panel_menu li.disabled {
    opacity: 0.3;
}

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

#accoun_panel_menu li a div#icon-donate {
    background-image: url(../images/usercp-icons/donate.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-donate {
    background-image: url(../images/usercp-icons/donate-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-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.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-webshop {
    background-image: url(../images/usercp-icons/webshop-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-vote {
    background-image: url(../images/usercp-icons/vote.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
}
/*Hosting Technology*/
#accoun_panel_menu li a:hover div#icon-vote {
    background-image: url(../images/usercp-icons/vote-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-lottery {
    background-image: url(../images/usercp-icons/lottery.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.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.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.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.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.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.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
}
/* Hosting Technology */
#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 {
    float: left;
    display: block;
    text-align: left;
    margin: 9px 0 0 0;
    font-family: calibrib;
    color: #474c56;
    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: #6f7fa5;
    font-size: 17px;
    text-transform: uppercase
}

#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: #5fc2e8
}

#accoun_panel_menu li a:hover span p {
    color: #5fc2e8
}

#accoun_panel_menu li#title {
    width: 570px;
    height: 60px;
    margin: 30px 0 55px 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 20px;
    font-family: calibrib;
    font-size: 14px;
    color: #5c666d;
    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: #fff
}

.quick_acc_menu li.special
a {
    color: #6091b4
}

.quick_acc_menu li.special a:hover {
    color: #fff
}

.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: calibrib;
    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: calibrib;
    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: calibrib;
    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: calibrib;
    font-size: 14px;
    top: 25px;
    left: 35px;
    color: #d3be9b;
    text-shadow: 0 0 4px #000, 0 0 4px #000, 0 1px 1px #54788d;
    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: calibrib;
    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 #54788d, 0 0 10px #54788d, inset 0 0 15px rgba(0, 0, 0, .6), 0 0 85px #54788d;
    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: 'Ebrima';
    font-weight: normal;
    font-size: 14px;
    color: #74879e;
    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: 'Ebrima';
    font-size: 14px;
    color: #54788d;
    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 #54788d, 0 0 6px #54788d
}

.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, 0, 0, .1), inset 0 0 28px 25px rgba(255, 0, 0, .05), inset 0 0 18px 0px rgba(255, 0, 0, .15);
    color: #a23535;
    text-shadow: 0 1px 0 #54788d, 0 0 6px #54788d
}

.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 #54788d, 0 0 6px #54788d
}

.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: #35352a2;
    text-shadow: 0 1px 0 #54788d, 0 0 6px #54788d
}

.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 #54788d, 0 0 6px #54788d
}

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

.atention {
    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: #54788d;
    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: #54788d;
    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: #54788d;
    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: #54788d;
/ / 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;
}

.success2 {
    /* background */
    background: url(../images/success.png), #fccac2;
    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.5) 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.5) 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.5) inset,
    0 -2px 2px #e2f897 inset;
    /* border */
    border: 1px solid #99c600;
	min-height: 25px;
	margin: 0 5px 5px 5px;
	padding: 15px 0 5px 0;
	font-size: 11pt;
}

.error {
    /* background */
    background: url(../images/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;
	min-height: 25px;
	margin: 0 5px 5px 5px;
	padding: 15px 0 5px 0;
	font-size: 11pt;
}

.warning {
    /* background */
    background: url(../images/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;
	min-height: 25px;
	margin: 0 5px 5px 5px;
	padding: 15px 0 5px 0;
	font-size: 11pt;
}

.information {
    /* background */
    background: url(../images/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;
	min-height: 25px;
	margin: 0 5px 5px 5px;
	padding: 15px 0 5px 0;
	font-size: 11pt;
}

.tip {
    /* background */
    background: url(../images/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;
	min-height: 25px;
	margin: 0 5px 5px 5px;
	padding: 15px 0 5px 0;
	font-size: 11pt;
}

.message {
    /* background */
    background: url(../images/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;
	min-height: 25px;
	margin: 0 5px 5px 5px;
	padding: 15px 0 5px 0;
	font-size: 11pt;
}

.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: #adc7d4;
    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: #adc7d4;
    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: #54788d;
    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: #6f91c3;
    margin: 20px 0 5px 0
}

#terms-container .overview p, .terms-of-use
p {
    color: #7d8893
}

.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: 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: #09151d;
    border: 2px solid #f79433;
    padding: 10px;
    overflow: auto;
}

.paypal-gateway-conversion-rate {
    margin: 0px auto;
    text-align: center;
    color: #54788d;
    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: #54788d;
    font-size: 18px;
}

.paypal-gateway-form input[type=text] {
    width: 40px;
}

.paypal-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: #09151d;
    border: 1px solid #3366f7;
    padding: 10px;
    overflow: auto;
}

.pagseguro-gateway-conversion-rate {
    margin: 0px auto;
    text-align: center;
    color: #54788d;
    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: #54788d;
    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: 'Ebrima';
    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 #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -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 #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -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: #616e87;
    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 #394663;
    text-align: center;
    padding: 2px 0px;
    margin: 2px;
    background: #212746;
    -moz-box-shadow: 0 0 5px #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #5287b0;
}

.rankings_menu a:hover {
    color: #6facff;
}

.rankings_menu a.active {
    color: #6facff;
}

.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 #394663;
    text-align: center;
    padding: 2px 0px;
    margin: 2px;
    background: #212746;
    -moz-box-shadow: 0 0 5px #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #5287b0;
}

.rankings_menu_filter a:hover {
    color: #6facff;
}

.rankings_menu_filter a.active {
    color: #6facff;
}

.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 #54788d !important;
    -webkit-box-shadow: 0 0 0px #54788d !important;
    box-shadow: 0 0 0px #54788d !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: 92px;
    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: #0a0d09;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .03)
}

.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 #54788d, 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: #434d65;
    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 #54788d
}

.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: #54788d0ff;
    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: #54788d0ff;
    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: #232e46;
    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: #5b6d88
}

ul.cs_avatar li#server a:hover {
    color: #fff
}

.changelogs {
    width: 914px;
    padding: 0
}

.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: 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: #b6cdff;
    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: #7895b3
}

.changelogs-cats a:hover {
    color: #eebb40;
    background: rgba(255, 255, 255, .06);
    opacity: .8
}

.changelogs-cats a:hover
p {
}

.changelogs-cats
a.active {
    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
}

.changelogs-cats a.active
P {
    color: #94a4c7
}

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: 62px;
    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: #5c6e8e!important;
}
table.changes-list tr td.changelog-info span,
table.changes-list tr td.changelog-rev span,
table.changes-list tr td.changelog-date {
    color: #5c6e8e!important;
}
.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;
}

/* 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(../images/left.png) 50% 50% no-repeat;
}

.cycle-next {
    right: 0;
    background: url(../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: #74879e;
    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: #313640;
    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: #74879E;
    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: #313640;
    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: 'Ebrima';
    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: #74879e;
    font-size: 12px;
    margin: 10px 10px 0 10px
}

ul.hof li
a {
    display: inline-block;
    color: #74879e;
    font-size: 14px;
    margin: 10px 0 0 0
}

ul.hof li a:hover {
    color: #627981
}

ul.hof li
span {
    display: inline-block;
    color: #74879e;
    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: #74879e
}

.sub_header h2 {
    float: right;
    font-family: 'Ebrima';
    color: #74879e;
    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 #000, 0 1px 1px #000;
    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: #54788d;
    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 #54788d;
    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: #54788d;
    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: #74879e;
}

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.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_second span.online, .account_info_main span.active {
    color: #00ff00;
}

.account_info_second span.offline, .account_info_main span.blocked {
    color: #ff0000;
}

.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: 'Ebrima';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    color: #b0dbff;
    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%
}

.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: 70px 0 40px 0
}

ul.payment_methods
li {
    display: inline-block;
    vertical-align: top;
    margin: 0 17px;
    font-family: calibrib;
    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='#00000', 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='#00000', 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='#00000', GradientType=1); /* IE6-9 */
}

.ust-submit p {
    float: left;
    color: #4b4e73;
    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: calibrib;
    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: 17px;
    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: calibrib;
    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: #68665c;
    font-family: calibri;
    font-size: 15px;
    padding: 0 0 13px 0
}

.rules_container ul li
b {
    display: block;
    color: #7a786e;
    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: #828074;
    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: calibrib;
    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: #adc7d4;
    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: #adc7d4;
    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: #54788d;
    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: #6f91c3;
    margin: 20px 0 5px 0
}

#terms-container .overview p, .terms-of-use
p {
    color: #7d8893
}

.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: #7f97ab;
    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: #434d65;
    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: #fff
}

ul.account-settings li a:hover
p {
    color: #fff
}

.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 #54788d, 0 0 0 1px #74879e, 0 0 7px rgba(0, 0, 0, .6), 0 1px 1px #54788d
}

.vote-sites-cont li a div.vote-site-image {
    display: block;
    width: 88px;
    height: 51px;
    box-shadow: inset 0 0 0 1px#55d8ff, inset 0 0 10px 3px rgba(0, 0, 0, 1), inset 0 0 0 2px #54788d, 0 0 6px #54788d;
    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 #54788d
}

.vote-sites-cont li a:hover {
    background: rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 0 1px #54788d, 0 0 0 1px #e0efff, 0 0 10px rgba(0, 0, 0, .6), 0 1px 1px #54788d, 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(10, 20, 33, .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: #a6c3e4
}

.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: #a6c3e4;
    font-family: 'Ebrima';
    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(28, 32, 42, 0.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(28, 34, 42, 0.4)
}

.store_category_button
span {
    color: #5f7a8e;
    font-family: 'Ebrima';
    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(28, 32, 42, 0.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: 4px
}

.store_sub_category_button:hover {
    background: rgba(28, 34, 42, 0.4)
}

.store_sub_category_button
span {
    color: #a6c3e4;
    font-family: 'Ebrima';
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    float: left;
    margin: 6px 0 0 10px
}

.active_category {
    background: rgba(28, 34, 42, 0.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: #87c5f1;
    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: 'Ebrima';
    color: #60798d;
    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: #0e1c27;
    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 #54788d, 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: #87c5f1;
    font-weight: bold;
}

.store_items_list .items .item #middle a, .popup_box_top #middle
a {
    font-family: 'Ebrima';
    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: #6a7c9c;
    font-family: 'Ebrima';
    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: #a6c3e4;
    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: 'Ebrima';
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7ac3f7;
    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: 'Ebrima';
    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
}

.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: #a6c3e4
}

.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: #a6c3e4;
    font-family: 'Ebrima';
    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(28, 32, 42, 0.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(28, 34, 42, 0.4)
}

.market_category_button
span {
    color: #5f7a8e;
    font-family: 'Ebrima';
    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(28, 32, 42, 0.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(28, 34, 42, 0.4)
}

.market_sub_category_button:first-child {
    margin-top: 8px
}

.market_sub_category_button
span {
    color: #a6c3e4;
    font-family: 'Ebrima';
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    float: left;
    margin: 6px 0 0 10px
}

.active_category {
    background: rgba(28, 34, 42, 0.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: #87c5f1;
    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: 'Ebrima';
    color: #60798d;
    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: #0e1c27;
    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 #54788d, 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: #6a7c9c;
    font-weight: bold;
}

.market_items_list .items .item #middle a, .popup_box_top #middle
a {
    font-family: 'Ebrima';
    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: #6a7c9c;
    font-family: 'Ebrima';
    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: #a6c3e4;
    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: 'Ebrima';
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7ac3f7;
    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: 'Ebrima';
    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: #b6cdff;
    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: #74879e !important;
    font-size: 14px !important
}

input::-moz-placeholder {
    color: #74879e !important;
    font-size: 14px !important
}

input:-ms-input-placeholder {
    color: #74879e !important;
    font-size: 14px !important
}

input:-moz-placeholder {
    color: #74879e !important;
    font-size: 14px !important
}

input:focus::-webkit-input-placeholder {
    color: #10100f !important;
    font-size: 14px !important
}

input:focus::-moz-placeholder {
    color: #10100f !important;
    font-size: 14px !important
}

input:focus:-ms-input-placeholder {
    color: #10100f !important;
    font-size: 14px !important
}

input:focus:-moz-placeholder {
    color: #10100f !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: calibrib;
    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: calibrib;
    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: #b6cdff;
    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: #bee1ff;
    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 #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -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 : 1 px solid #221f19;
    padding: 10px;
    margin: 10px 0px;
}

.ticket-table-ui2 tr td {
    padding: 5px;
    background-color: #0e1c27;
}

.ticket-table-ui2 th {
    background-color: #18233a;
    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 #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -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 #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -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 #54788d;
    -webkit-box-shadow: 0 0 5px #54788d;
    box-shadow: 0 0 5px #54788d;
    -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: #17232d;
}

.irq tr:nth-child(odd) {
    background-color: #0e1c27;
}

.irq th {
    padding: 10px;
    height: 30px;
    background-color: #18233a;
}

.irq td {
    padding: 10px;
}

.irq td.title {
    padding: 10px;
    background-color: #18233a;
}

.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: #17232d;
}

.general-table-ui tr:nth-child(odd) {
    background-color: #0e1c27;
}

.general-table-ui th {
    padding: 10px;
    height: 30px;
    background-color: #18233a;
}

.general-table-ui td {
    padding: 10px;
}

.general-table-ui tr:hover td {
    background-color: #253644;
}

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

.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: #696969;
}

.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: #696969;
}

.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: #54788d;
    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: #696969;
}

.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: #696969;
}

.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: #696969;
}

.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: #54788d;
    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: #696969;
    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: #18233a;
}

.shop_list .item_wp dl:hover {
    height: 234px;
    background: #0c1221;
}

.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: #696969;
}

.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: #daeaff;
    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: #696969;
    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;
    min-height: 200px;
    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: #696969;
}

.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: #696969;
    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: #54788d;
}

.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: #696969;
}

.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: #696969;
    font-size: 12px;
    *height: 117px;
}

.inbox_desc_wp strong {
    color: #000;
    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: #000;
}

.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: #696969;
}

.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: #696969;
    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: #696969;
}

.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: 'Ebrima';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    color: #b0dbff;
    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: #b6cdff;
    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: #7895b3
}

.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: #94a4c7
}

.opt_prt {
    color: #FF0000;
    font-weight: bold;
}

form .row label.webshop {
    float: right;
}

.webshop-price {
    width: 475px;
    margin: 0 0 12px 40px;
    padding: 10px 10px 10px 10px;
    background: rgba(19, 24, 31, 0.8);
    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: 'Ebrima';
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #7ac3f7;
    padding: 0 0 6px 4px;
    display: block;
}

.webshop-buybtn {
    width: 475px;
    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: 'Ebrima';
    font-weight: normal;
    font-size: 14px;
    color: #74879e;
    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: 'Ebrima';
    font-size: 14px;
    text-shadow: 0 0 5px rgba(0, 0, 0, .15), 1px 0px 1px rgba(0, 0, 0, .25);
    color: #a6c3e4;
    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: #9199af;
    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: #54788d
}

/*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
}

body {
    color: #9199af;
    font-size: 13px
}

.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: #9199af;
    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: #9199af
}

.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 #232e46
}

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(../images/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: #000;
    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: #54788d;
    color: #54788d;
    font-weight: bold;
    font-size: 11px;
}

.field {
    border: 0px solid #000;
    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: #000;
    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: 'Ebrima';
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .45);
    color: #74879e;
    font-size: 14px;
}

#events span {
    display: block;
    font-size: 12px;
}

#events {
    padding: 10px 15px 10px 15px;
}

.rightfloat { float: right; }
























.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: #1b252f;
    border: 1px solid #283441;
    box-shadow: inset 0 0 8px #000;
    display:inline-block;
    width: 408px;
    padding: 2px;
    margin: 2px;
}
.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 #54788d;
}
.ach-text {
    vertical-align:top;
    width:340px;
    height:50px;
    padding:2px;
}
.ach-title {
    font-family: 'Ebrima';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #b0dbff;
    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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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: #253644;
    border-top: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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 #0A151F;
    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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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:#101216;
    border:1px #2c2841 solid;
    height: 22px;
    margin: 9px 0;
}
.rate-line-stage {
    top:0; left:0;
    background-color:#2a3c4e;
    height:22px;
    z-index: 1;
}
.rate-text {
    font-size:11px;
    text-align:center;
    text-shadow:#54788d 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: #54788d url('../images/achievements/grand-shop.png') no-repeat;
    border: 1px #0A151F 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:#54788d 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: #54788d 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: 'Ebrima';
    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: #a6c3e4;
    font-size: 13px;
}

table.top5table img {
    margin-top: 4px;
}

table.top5table img.country {
    margin-top: 12px;
}

table.top5table tr td.pos {
    color: #a6c3e4;
    font-size: 12px;
    margin: 10px 10px 0 10px
}

table.top5table a {
    color: #a6c3e4;
    font-size: 14px;
    margin: 10px 0 0 0
}

table.top5table a:hover {
    color: #627981
}

table.top5table tr td.inf {
    color: #a6c3e4;
    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: #a6c3e4
}

.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: #54788d;
    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 #54788d;
    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 #54788d;
    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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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: 'Ebrima';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    color: #b0dbff;
    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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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: #253644;
    border-top: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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 #0A151F;
    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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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 #0A151F solid;
    height: 22px;
    margin: 9px 0;
}
.auction-rate-line-stage {
    top:0; left:0;
    background-color:#2A3C4E;
    height:22px;
    z-index: 1;
}
.auction-rate-text {
    font-size:11px;
    text-align:center;
    text-shadow:#54788d 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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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: #253644;
    border: 1px solid #0A151F;
    box-shadow: inset 0 0 8px #000;
    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: #b0dbff;
}



/********************************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(28, 32, 42, 0.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: #5f7a8e;
    font-family: 'Ebrima';
    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(28, 34, 42, 0.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: #87c5f1;
    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: 800px;
    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(28, 32, 42, 0.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: #5f7a8e;
    font-family: 'Ebrima';
    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(28, 34, 42, 0.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: #87c5f1;
    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: 42px;
    background: url(../images/top_voters_line.png) no-repeat bottom;
    font-family: 'Ebrima';
    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;
}

/* Light and subtle wind-like glow effect for the Facebook button */
.facebook-glow-button {
    display: block;
    width: 180%; /* Adjust width as needed */
    height: 50px; /* Adjust height as needed */
    background-color: transparent;
    cursor: pointer;
    transition: outline 0.3s ease;
}