@import url("bootstrap.css");
@import url("font-awesome.min.css");
@import url("alertify.css");

html, body {
    height: 100%;
}

body {
    background: #242527 url(../images/bg_xm_2.jpg) no-repeat center -30px;
    overflow-x: hidden;
}

a:hover {
    text-decoration: none;
}

dt {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #aaa;
}

.margin-top {
    margin-top: 15px;
    display: block;
}

.no-padding {
    padding: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.extra-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.btn-paypal {
    background: #eee;
    padding: 3px;
    border-radius: 4px;
}

.separator {
    display: block;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin: 10px 0;
}

.separator-alt {
    width: 100%;
    border-bottom: 1px dashed #444;
    margin: 15px 0;
}

.hdvidider-left {
    background: url(../images/hdivider.png) top left no-repeat;
}

.table-unbordered td {
    border-top: transparent !important;
}

span.webshop, div.itemWebshopContainer {
    position: relative;
    margin: 2px;
    display: inline-block;
}

div.image span.plus {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/itemplus.png) left top;

    -webkit-animation: play 1.8s steps(32) infinite;
    -moz-animation: play 1.8s steps(32) infinite;
    -ms-animation: play 1.8s steps(32) infinite;
    -o-animation: play 1.8s steps(32) infinite;
    animation: play 1.8s steps(32) infinite;
}

span.item-image {
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid black;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #333;
    font-family: serif;
    color: #bbb;
}

.page-header.no-border {
    border-bottom: 0;
}

.page-header.smaller {
    margin: 20px 0 0;
    padding-bottom: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: rgba(0, 0, 0, .3);
}

.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: rgba(255, 255, 255, 0.1);
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #131313;
}

span.fa.gold {
    color: #ff9c00 !important;
}

h3.sidebar-title {
    color: #ddd;
    font-family: serif;
}

h3.sidebar-title > span {
    color: #008c9d;
}

h3.sidebar-title > span.fa {
    color: #008c9d;
}

h4.subtitle {
    color: #ddd;
    border-bottom: 2px solid rgba(255, 254, 255, .15);
    padding-bottom: 3px;
}

span.label-category {
    background-color: #d23a3a;
    margin-right: 5px;
}

h1.leadh,
h2.leadh,
h3.leadh,
h4.leadh,
h5.leadh {
    font-family: serif;
    color: #eee;
    margin: 7px 0;
}

/*CUSTOM FORMS*/
.form-control {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: 0;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.custom-form .form-group {
    margin-bottom: 0px;
}

.custom-form .form-group > div {
    margin-bottom: 25px;
}

.custom-form .form-group .has-error {
    margin-bottom: 5px;
}

.custom-form .form-group .has-error .form-control {
    box-shadow: 0 0 0 2px #a94442;
}

.custom-form .form-group > label {
    color: #ddd;
}

.custom-form .form-control {
    box-shadow: none;
    border: transparent;
    color: #222;
    border-radius: 4px;
}

.custom-form .form-control:focus {
    border-color: transparent;
    box-shadow: 0 0 0 2px #008c9d;
}

.custom-form .form-group div.img_captcha > img {
    border-radius: 5px;
}

#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span {
    width: 100% !important;
}

/*CUSTOM TABS*/

.custom-tabs .nav-tabs {

}

.custom-tabs .nav-tabs li > a {
    border-radius: 0;
    padding: 7px 0;
    background-color: #111;
    color: #555;
    border: 0;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .3);
}

.custom-tabs .nav-tabs li.active > a {
    background: transparent;
    border-color: rgba(255, 255, 255, .25);
    border-bottom: 0;
    color: #ccc;
    box-shadow: none;
}

.custom-tabs .nav-tabs li.active > a:hover,
.custom-tabs .nav-tabs li.active > a:focus {
    border-color: rgba(255, 255, 255, .25);
    border-bottom: 0;
}

ul.custom-tabs-list {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}

ul.custom-tabs-list > li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 7px 0 5px;
    display: block;
}

ul.custom-tabs-list > li:first-child {
    border-top: 0;
}

ul.custom-tabs-list > li:last-child {
    border-bottom: 0;
}

ul.custom-tabs-list > li > span.fa {
    color: #008c9d;
    position: absolute;
    left: 10px;
    top: 13px;
}

ul.custom-tabs-list > li:first-child > span.fa {
    color: #ff9c00;
}

ul.custom-tabs-list > li > a {
    display: block;
    padding: 3px 0;
    padding-left: 30px;
}

ul.custom-tabs-list > li > a.charname {
    color: #ddd;
    font-size: 14px;
}

ul.custom-tabs-list > li > a.charname:hover {
    color: #fff;
    text-decoration: none;
}

ul.custom-tabs-list > li > a.charname > span.badge {
    background-color: #111;
    margin-right: 8px;
    font-size: 11px;
    font-family: sans-serif;
}

/* Clouds */

#clouds {
    top: 50px;
    position: relative;
    -webkit-animation: move 80s infinite linear;
    -moz-animation: move 80s infinite linear;
    -ms-animation: move 80s infinite linear;
    z-index: -999;
}

#clouds2 {
    top: 50px;
    position: relative;
    -webkit-animation: backup 44s infinite linear;
    -moz-animation: backup 44s infinite linear;
    -ms-animation: backup 44s infinite linear;
    z-index: -999;
}

.cloud1, .cloud2 {
    opacity: 1;
}

.cloud1 {
    width: 619px;
    height: 391px;
    background: url(../images/oj_02.png);
    position: absolute;
    top: 40px;
    opacity: .3;
}

.cloud2 {
    width: 619px;
    height: 391px;
    background: url(../images/oj_01.png);
    position: absolute;
    top: 60px;
    right: 0px;
    opacity: .4;
}

@-webkit-keyframes move {
    0% {
        left: 0px;
    }
    49% {
        left: 619px;
        opacity: 1;
    }
    50% {
        left: 619px;
        opacity: 0;
    }
    51% {
        left: -619px;
        opacity: 0;
    }
    52% {
        left: -619px;
        opacity: 1;
    }
    100% {
        left: 0px;
    }
}

@-webkit-keyframes backup {
    0% {
        left: -619px;
    }
    100% {
        left: 619px;
    }
}

@-moz-keyframes move {
    0% {
        left: 0px;
    }
    49% {
        left: 619px;
        opacity: 1;
    }
    50% {
        left: 619px;
        opacity: 0;
    }
    51% {
        left: -619px;
        opacity: 0;
    }
    52% {
        left: -619px;
        opacity: 1;
    }
    100% {
        left: 0px;
    }
}

@-moz-keyframes backup {
    0% {
        left: -619px;
    }
    100% {
        left: 619px;
    }

}

@-ms-keyframes move {
    0% {
        left: 0px;
    }
    49% {
        left: 619px;
        opacity: 1;
    }
    50% {
        left: 619px;
        opacity: 0;
    }
    51% {
        left: -619px;
        opacity: 0;
    }
    52% {
        left: -619px;
        opacity: 1;
    }
    100% {
        left: 0px;
    }
}

@-ms-keyframes backup {
    0% {
        left: -619px;
    }
    100% {
        left: 619px;
    }
}

/*SNOW ANIMATION*/
.snow {
    background: none;
    background-image: url('../images/s1.png'), url('../images/s2.png'), url('../images/s3.png');
    height: 530px;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}

@keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 250px 500px, 200px 200px, 150px 150px;
    }
}

@-moz-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 250px 500px, 200px 200px, 150px 150px;
    }
}

@-webkit-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 250px 500px, 200px 200px, 150px 150px;
    }
}

@-ms-keyframes snow {
    0% {
        background-position: 0px 0px, 0px 0px, 0px 0px;
    }
    100% {
        background-position: 250px 500px, 200px 200px, 150px 150px;
    }
}

.logo {
    width: 280px;
    height: 97px;
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -145px;
}

.logo img {
    display: block;
    max-height: 80px;
    max-width: 240px;
    width: auto;
    height: auto;
    margin: 0 auto;
}

.logo img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

.logo span {
    font-family: georgia, serif;
    text-shadow: 0 1px 1px #000;
    display: block;
    color: #ddd;
    font-weight: 300;
    font-size: 32px;
    margin: 12px auto;
    text-align: center;
}

.logo span:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

/*NAVBAR*/
.navbar-custom {
    margin-top: 30px;

}

.navbar-custom .navbar-toggle {
    color: #eee;
    border: 1px solid #eee;
}

.navbar-custom ul.nav > li > a {
    color: #fff;
    font-family: georgia, serif;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000;
}

.navbar-custom ul.nav > li > a::first-letter {
    font-size: 20px;
}

.navbar-custom ul.nav > li > a:hover,
.navbar-custom ul.nav > li > a:focus {
    background: transparent;
    color: #ddd;
}

.navbar-custom ul.nav .open > a,
.navbar-custom ul.nav .open > a:hover,
.navbar-custom ul.nav .open > a:focus {
    background: transparent;
}

.navbar-custom ul.nav .dropdown-menu a {
    color: #eee;
}

.navbar-custom ul.nav .dropdown-menu a:hover {
    color: #222;
}

/*SLIDER*/
section.slider-content {
    margin-top: 50px;
    position: relative;
    font-family: sans-serif;
}

section.slider-content .slider-background {
    width: 100%;
    height: 70%;
    max-height: 70%;
    position: absolute;
    bottom: 0;
    background: rgba(20, 20, 20, .8);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    overflow: hidden;
}

.bx-caption {
    position: absolute;
    bottom: 40%;
    left: 40px;
    color: #fff;
    font-family: serif;
    font-size: 30px;
    display: block;
}

.bx-caption small {
    font-size: 16px;
    display: block;
    font-family: sans-serif;
}

.bx-controls {
    position: absolute;
    bottom: 10px;
    left: 20px;
    z-index: 999;
}

.bx-pager-item {
    float: left;
}

.bx-pager-item a {
    display: block;
    font-size: 0;
    height: 15px;
    width: 25px;
    background: rgba(10, 10, 10, .5);
    border-radius: 4px;
    margin: 0 3px;
}

.bx-pager-item a.active {
    background: rgba(170, 170, 170, .7);
}

/*SLIDER EXTRAS*/

div.slider-content {
    position: absolute;
    bottom: 30px;
    width: 100%;
    padding: 25px 20px 25px 50px;
}

div.slider-content .title {
    color: #eee;
    font-family: serif;
    text-shadow: 0 1px 1px #000;
}

div.slider-content .title > small {
    text-shadow: none;
    color: #ccc;
}

div.slider-content .wedding {
    font-family: "vivaldi", "script mt";
}

div.slider-content h1.title,
div.slider-content h1.title > a {
    color: #fff;
}

section.slider-content a.btn {
    font-family: sans-serif;
    margin-top: 20px;
}

.bnItems-content {
    margin: 5px 0;
    padding: 5px 20px 10px;
    background: #111;
    display: inline-block;
    border: 1px solid #0c0c0c;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
    color: #ddd;
    font-family: sans-serif;
}

.bnItems-content small {
    font-size: 10px;
    margin-bottom: 3px;
    display: inline-block;
}

.itemWebshopOuter {
    padding: 5px;
    display: inline-block;
    border: 1px solid #1a1a1a;
}

/*DOWNLOAD BANNER*/
div.front-download-banner {
    height: 80px;
    width: 100%;
    background: url(../images/download-banner-bg.png) center center;
    background-size: cover;
    text-align: center;
    display: block;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(0, 0, 0, .5);
    position: relative;
}

div.front-download-banner > a {
    font-family: serif;
    font-size: 34px;
    color: #eee;
    display: block;
    opacity: inherit;
    width: 100%;
    height: 100%;
    text-shadow: 0 1px 1px #000;
    padding-top: 15px;
    z-index: 3;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.front-download-banner .on-hover {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .5);
    background: url(../images/download-banner-bg-hover.png) center center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.front-download-banner:hover .on-hover {
    opacity: .5;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

div.front-download-banner > a:hover {
    text-decoration: none;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.reg-banner {
    background: #111;
    height: 60px;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.reg-banner > a {
    font-family: serif;
    font-size: 26px;
    color: #aaa;
    display: block;
    opacity: inherit;
    width: 100%;
    height: 100%;
    text-shadow: 0 1px 1px #000;
    padding-top: 15px;
    z-index: 3;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.reg-banner:hover {
    background-color: #141414;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

div.reg-banner > a:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}

/*LOGIN-FRONT*/
.login-front {
    width: 100%;
    height: auto;
    background-color: #2f3032;
    padding: 20px 15px 5px;
    color: #888;
}

.login-front > h3 {
    margin: 0;
    padding: 0 0 10px;
    font-family: serif;
    color: #ddd;
    font-size: 20px;
    text-shadow: 0 1px 1px #000;
}

.login-front > h4 {
    margin: 5px 0 25px;
}

.login-front .form-group {
    margin-bottom: 5px;
}

.login-front .form-control {
    border-radius: 0;
    background-color: #0b0b0c;
    border-color: #4c5158;
    color: #666;
    box-shadow: none;
}

.login-front .form-control:focus {
    border-color: #008c9d;
    color: #ddd;
}

.login-front .btn-submit {
    background: #195055; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #195055), color-stop(100%, #0f313a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* IE10+ */
    background: linear-gradient(135deg, #195055 0%, #0f313a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195055', endColorstr='#0f313a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    color: #eee;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #111;
    box-shadow: inset 0 0 3px #008c9d;
    font-size: 15px;
}

.login-front .help-block {
    color: #444;
}

.login-front .help-block > a {
    color: #aaa;
    font-size: 12px;
}

.login-front .help-block > a:hover {
    text-decoration: none;
    color: #ddd;
}

.widget-front {
    padding: 0 15px;
    margin-top: 25px;
}

/*Mini Toplist*/
.mini-toplist {
    width: 100%;
}

.mini-toplist > h3 {
    color: #ddd;
    font-family: serif;
}

.mini-toplist > h3 > span {
    color: #008c9d;
}

.mini-toplist > h3 > span.fa {
    color: #ff9c00;
}

/*TIME*/

.server-time {
    position: relative;
    color: #eee;
    font-size: 30px;
    text-align: center;
    width: 100%;
    text-shadow: 0 1px 1px #000;
}

.server-time > h5 {
    font-size: 11px;
    text-transform: uppercase;
    margin: 5px;
    font-weight: bold;
}

/*LANG*/

.lang {
    position: relative;
    color: #eee;
    font-size: 30px;
    text-align: center;
    width: 100%;
    text-shadow: 0 1px 1px #000;
}

.lang > h5 {
    font-size: 11px;
    text-transform: uppercase;
    margin: 5px;
    font-weight: bold;
}

.lang ul {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.lang ul > li {
	position: relative;
	top: -5px;
	display: inline-block;
	padding-right: 5px;
}

.lang ul > li > a {
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    font-weight: bold;
}

.lang ul > li.selected > a {
    color: #008c9d;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
	padding-left: 16px;
}

.lang ul > li.selected:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #008c9d;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 16px;
    left: 0;
}

/*SERVER STATUS*/
.server-status {
    margin-top: 20px;
    color: #777;
}

.server-status > h3 {
    color: #ddd;
    font-family: serif;
}

.server-status > h3 > span {
    color: #008c9d;
}

.server-status > h3 > span.fa {
    color: #ddd;
}

.server-status p > span {
    font-weight: bold;
}

.server-status table {
    margin: 0;
    font-size: 12px;
}

.progress-custom {
    height: 8px;
    background: #181818;
    box-shadow: inset 0 1px 0 #111;
    border-bottom: 1px solid #333;
}

/*FRONT-NEWS*/
section.front-news {

}

section.front-news > h2 {
    color: #008c9d;
    font-family: serif;
}

section.front-news > h2 > span.fa {
    font-size: 25px;
    color: #ddd;
}

section.front-news > h2 > a {
    font-size: 15px;
    line-height: 40px;
    color: #ddd;
}

section.front-news > h2 > a:hover {
    color: #fff;
}

section.front-news > div.post {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

section.front-news > div.post:first-child {
    border-top: 0;
}

section.front-news > div.post:last-child {
    border-bottom: 0;
}

section.front-news div.post h3.post-title > a {
    color: #ddd;
    display: block;
    letter-spacing: -0.5px;
    margin: -1px 0 3px 0;
    font-size: 24px;
    line-height: 21px;
    font-family: serif;
}

section.front-news div.post h3.post-title > a:hover {
    color: #fff;
    text-decoration: none;
}

section.front-news div.post div.post-body {
    color: #888;
    font-size: 12px !important;
    line-height: 1.5em;
}

section.front-news div.post a.read-more {

}

section.front-news div.post div.meta {
    margin: 5px 0 10px;
}

section.front-news div.post div.meta > a.comments {
    color: #ccc;
    margin-right: 5px;
    font-size: 12px;
}

section.front-news div.post div.meta > a.comments:hover {
    text-decoration: none;
    color: #fff;
}

section.front-news > div.post div.meta a.comments > span.fa {
    margin-right: 2px;
}

section.front-news > div.post div.meta span.datetime {
    font-size: 12px;
    color: #555;
}

section.front-news > div.post div.meta a.read-more {
    color: #ddd;
    font-size: 12px;
    float: right;
}

section.front-news > div.post div.meta a.read-more:hover {
    text-decoration: none;
    color: #fff;
}

/*FRONT-FORTRESS*/

.front-fortress {
    margin-top: 10px;
    color: #666;
}

.front-fortress .fortressName {
    font-family: serif;
}

.front-fortress .fortressName img {
    margin-right: 5px;
}

.front-fortress p {
    display: block;
    font-size: 16px;
    padding-left: 25px;
}

.front-fortress p .fortressGuild > a {
    color: #ddd;
}

.front-fortress p .fortressTax {
    color: #008c9d;
    margin-left: 10px;
}

/*NEWS*/
section.page-news {

}

section.page-news > h2 {
    color: #008c9d;
    font-family: serif;
}

section.page-news > h2 > span.fa {
    font-size: 20px;
    color: #ddd;
}

section.page-news > h2 > a {
    font-size: 15px;
    line-height: 40px;
    color: #ddd;
}

section.page-news > h2 > a:hover {
    color: #fff;
}

section.page-news > div.post {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

section.page-news > div.post:first-child {
    border-top: 0;
}

section.page-news > div.post:last-child {
    border-bottom: 0;
}

section.page-news div.post h3.post-title > a {
    color: #ddd;
    display: block;
    letter-spacing: -0.5px;
    margin: -1px 0 3px 0;
    font-size: 22px;
    line-height: 21px;
    font-family: serif;
}

section.page-news div.post h3.post-title > a:hover {
    color: #fff;
    text-decoration: none;
}

section.page-news div.post div.meta {
    margin: 5px 0 10px;
}

section.page-news div.post div.meta > a.comments {
    color: #ccc;
    margin-right: 5px;
    font-size: 12px;
}

section.page-news div.post div.meta > a.comments:hover {
    text-decoration: none;
    color: #fff;
}

section.page-news > div.post div.meta span.datetime {
    font-size: 12px;
    color: #555;
}

section.page-news > div.post div.meta a.read-more {
    color: #ddd;
    font-size: 12px;
    float: right;
}

section.page-news > div.post div.meta a.read-more:hover {
    text-decoration: none;
    color: #fff;
}

/*Page Container*/

div.page-container {
    margin-top: 100px;
}

div.page-content {
    background: #232425;
    min-height: 500px;
    width: 100%;
    padding: 0;
    padding-top: 30px;
    color: #777;
}

div.page-content h2.page-title {
    color: #008c9d;
    font-family: serif;
    padding: 0 15px 10px 0;
    margin: 0 0 15px;
    border-bottom: 3px solid #2f3032;
}

div.page-content h2.page-title > span.fa {
    font-size: 25px;
    color: #ddd;
}

/*Notice*/
div.page-content h2.post-title {
    color: #ddd;
    font-family: serif;
    font-size: 36px;
    border-left: 4px solid #008c9d;
    margin: 0;
    margin-bottom: 10px;
    padding-left: 15px;
}

div.page-content div.post-meta {
    margin-bottom: 40px;
}

div.page-content div.post-meta > a.comments {
    color: #ccc;
    margin-right: 5px;
    font-size: 12px;
}

div.page-content div.post-meta > a.comments:hover {
    color: #fff;
    text-decoration: none;
}

div.page-content div.post-meta > span.datetime {
    font-size: 12px;
    color: #555;
    margin-right: 5px;
}

div.page-content div.post-body {
    color: #888;
    font: normal 14px/1.5 Arial, Verdana, sans-serif;
    line-height: 1.5em;
    word-break: break-all;
}

div.page-content div.post-body img {
    max-width: 100%;
    height: auto;
}

/*Register*/
.register-content {
    width: 100%;
    background: #2f3032;
    color: #777;
}

.register-content h2.title {
    font-family: serif;
    color: #ddd;
    margin-bottom: 40px;
}

.register-content .form-group {
    margin-bottom: 0;
}

.register-content .form-group > div {
    margin-bottom: 25px;
}

.register-content .form-group .has-error {
    margin-bottom: 5px;
}

.register-content .form-group .has-error .form-control {
    box-shadow: 0 0 0 2px #a94442;
}

.register-content .form-group > label {
    color: #ddd;
}

.register-content .form-control {
    box-shadow: none;
    border: transparent;
    color: #222;
    border-radius: 4px;
}

.register-content .form-control:focus {
    border-color: transparent;
    box-shadow: 0 0 0 2px #008c9d;
}

.register-content #CaptchaImg {
    border-radius: 5px;
}

.register-content .form-control-feedback {
    top: 10px !important;
}

.refreshIconCaptcha {
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: -2px;
}

.search-menu .form-control {
    box-shadow: none;
    border: transparent;
    color: #222;
    border-radius: 4px;
}

.search-menu .form-control:focus {
    border-color: transparent;
    box-shadow: 0 0 0 2px #008c9d;
}

/*LOGIN*/

ul.login-options {
    font-size: 13px;
    padding: 0;
    margin-top: 20px;
    list-style: none;
}

ul.login-options a {
    color: #ddd;
}

ul.login-options a:hover {
    color: #fff;
    text-decoration: none;
}

/*Footer*/

nav.footer-nav {
    margin-top: 50px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
    border-top: 1px solid #393d42;
    display: block;
    margin-bottom: 25px;
    text-align: center;
}

nav.footer-nav ul > li > a {
    font-size: 13px;
    color: #666;
}

nav.footer-nav ul > li:first-child {
    font-size: 15px;
    color: #999;
}

footer.main-footer {
    background: #1d1e1f;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 25px;
}

footer.main-footer p {
    font-size: 13px;
    color: #666;
    display: block;
}

footer.main-footer p a {
    color: #999;
}

/*Rankings*/

.table-rankings {
    margin-top: 20px;
    /* border-collapse: inherit; */
    border-top: 2px solid #008c9d;
}

.table-rankings.table-condensed {
    margin-top: 0;
    border-collapse: inherit;
    border-top: 2px solid #008c9d;
}

.table-rankings thead th {
    border-bottom: 1px solid #111 !important;
    color: #ddd;
    background: #22292e;
    font-weight: normal;
    font-size: 15px;
    text-shadow: 0 1px 0 #111;
}

.table-rankings tbody {
    color: #929292;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.table-rankings tbody > tr:hover {
    background: rgba(0, 0, 0, .1);
}

.table-rankings tbody > tr > td {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 12px 8px;
}

.table-rankings.table-condensed tbody > tr > td {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 6px 8px;
}

.table-rankings tbody > tr:last-child > td {
    border-bottom: 1px solid transparent;
}

.table-rankings tbody > tr > td a {
    color: #ccc;
}

.table-rankings tbody > tr > td a:hover {
    text-decoration: none;
    color: #eee;
}

ul.rankings-nav {
    width: 100%;
    list-style: none;
    padding: 0;
}

ul.rankings-nav > li {
    display: block !important;
    width: 100%;
    clear: left;
    outline: 0;
    padding: 0;
    margin: 0;
}

ul.rankings-nav > li > a {
    width: 100%;
    display: block;
    padding: 4px;
    line-height: 35px;
    border-bottom: 3px solid #22292e;
    color: #ccc;
}

ul.rankings-nav > li > a:hover {
    text-decoration: none;
    border-bottom: 3px solid #008c9d;
    color: #eee;
}

ul.rankings-nav > li > a:focus {
    text-decoration: none;
    border-bottom: 3px solid #008c9d;
}

ul.rankings-nav > li.active > a {
    border-bottom: 3px solid #008c9d;
    font-weight: bold;
}

.table-responsive {
    border: none;
}

.unique-row {
    background: rgba(0, 0, 0, 0.15);
    display: block;
    float: left;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.unique-row:hover {
    background: rgba(0, 0, 0, 0.25);
}

.unique-row > .title {
    float: left;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 0 5px 5px 0;
    text-transform: uppercase;
    margin: 15px 0 0;
}

.unique-img {
    padding: 15px;
    background: rgba(0, 0, 0, 0.15);
}

.unique-img > img {
    border-radius: 6px;
}

.unique-row .page-header {
    margin: 0;
    border-bottom: 0;
}

.unique-row .page-header > h3 {
    margin: 0;
}

/*Account Profile*/

.profile-box {
    margin-top: 15px;
}

.profile-box.background {
    background-color: rgba(255, 255, 255, .03);
    border-radius: 5px;
    padding-bottom: 10px;
}

.profile-box.background2 {
    background-color: #22292e;
    border-radius: 5px;
    padding-bottom: 10px;
}

.account-settings-desc {
    font-size: 12px;
}

.account-settings-desc p.enfasis {
    font-size: 14px;
}

/*Char Profile*/

div.profile-content {
    background: #232425;
    min-height: 500px;
    width: 100%;
    padding: 0;
    float: left;
}

.profile-sidebar {
    height: 100%;
    display: inline;
}

.charAvatar {
    width: 125px;
    height: 135px;
    background-position: center -15px;
    margin: 25px auto 0;
    border-radius: 5px;
}

.profile-name {
    color: #ddd;
    font-family: serif;
    font-size: 40px;
}

.profile-name small {
    font-family: sans-serif;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.charGuild {
    font-weight: bold;
}

.charinv {
    width: 100%;
    height: 331px;
    background: url('../images/charinv.png') top center no-repeat;
    position: relative;
}

.invitem {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
}

.invitem.left {
    left: 20%;
}

.invitem.right {
    right: 20%;
}

.invitem.f1 {
    top: 10px;
}

.invitem.f2 {
    top: 65px;
}

.invitem.f3 {
    top: 120px;
}

.invitem.f4 {
    top: 175px;
}

.invitem.f5 {
    top: 230px;
}

.invitem.f6 {
    top: 285px;
}

.popover.itemInfo {
    background: rgba(0, 0, 0, 0.9);
    color: #777;
    font-size: 12px;
    max-width: 500px;
}

.popover.itemInfo strong {
    color: #ddd;
}

.popover.itemInfo strong.seal {
    color: #f2e43d;
}

.popover.itemInfo.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.9);
}

.popover.itemInfo.right > .arrow:after {
    border-right-color: rgba(0, 0, 0, 0.9);
}


ul.char-info > li > span {
    display: block;
    color: #666;
    font-size: 14px;
    margin: 5px;
}

ul.char-info > li > span > strong {
    color: #888;
}

.invitem > span.plus {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(../images/itemplus.png) left top;

    -webkit-animation: play 1.8s steps(32) infinite;
    -moz-animation: play 1.8s steps(32) infinite;
    -ms-animation: play 1.8s steps(32) infinite;
    -o-animation: play 1.8s steps(32) infinite;
    animation: play 1.8s steps(32) infinite;
}

@-webkit-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-moz-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-ms-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-o-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@keyframes play {
    100% {
        background-position: -1024px;
    }
}

/*Guild Profile*/

.profile-content.guild {
    background: #232425 url(../images/curtain.png) center top no-repeat;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
    min-height: 800px;
}

.table-guild {
    margin-top: 20px;
    border-collapse: inherit;
    border-top: 2px solid #860216;
}

.table-guild thead th {
    border-bottom: 1px solid rgba(0, 0, 0, .4) !important;
    color: #ddd;
    background: #4e000b;
    font-weight: normal;
    font-size: 15px;
    text-shadow: 0 1px 0 #111;
}

.table-guild tbody {
    color: #929292;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.table-guild tbody > tr:hover {
    background: rgba(0, 0, 0, .1);
}

.table-guild tbody > tr > td {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 12px 8px;
}

.table-guild tbody > tr:last-child > td {
    border-bottom: 1px solid transparent;
}

.table-guild tbody > tr > td a {
    color: #ccc;
}

.table-guild tbody > tr > td a:hover {
    text-decoration: none;
    color: #eee;
}

/*Downloads*/

.downloads .media-heading {
    color: #a68c64;
    font-weight: bold;
    text-shadow: 0 1px 1px #000;
}

.downloads .media-body {
    padding-left: 15px;
    font-size: 13px;
}

/*Shop*/

.item {
    width: 100%;
    border: 1px solid transparent;
    padding: 15px;
}

.item:hover {
    background: rgba(0, 0, 0, .15);
    border-radius: 5px;
}

.item .icon-content {
    text-align: center;
    padding: 20px 35px;
    border: 1px solid #333;
    display: inline-block;
    margin-bottom: 10px;
}

.item-single {
    width: 100%;
    border: 1px solid transparent;
    padding: 15px;
}

.item-single .icon-content {
    width: 100%;
    padding: 30px 35px;
    border: 1px solid #333;
    display: inline-block;
    margin-bottom: 10px;
}

.item-single .icon-content span.webshop {
    position: relative;
    margin: 2px auto;
    display: block;
    width: 32px;
}

/*Admin Area*/

body.admin {
    background: #fff;
    margin: 0;
}

/*MEDIA QUERIES*/

@media (min-width: 992px) {
    .navbar-custom ul.nav .dropdown-menu {
        background: transparent;
        box-shadow: none;
        border-color: transparent;
        text-align: center;
        min-width: 170px;
        left: 50%;
        margin-left: -85px;
        top: 43px;
    }

    .navbar-custom ul.nav .dropdown-menu a {
        color: rgba(255, 255, 255, .9);
        font-family: serif;
        text-transform: capitalize;
        font-size: 16px;
        display: inline-block;
        padding: 1px 5px;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    }

    .navbar-custom ul.nav .dropdown-menu a:hover {
        background: #fff;
        color: #000;
        text-shadow: none;
    }

    section.slider-content div.front-download-banner {
        margin-top: 99px;
    }

    div.front-download-banner {
        height: 150px;
    }

    div.front-download-banner > a {
        font-size: 30px;
        padding-top: 40px;
    }

    div.reg-banner {
        height: 81px;
    }

    div.reg-banner > a {
        padding-top: 20px;
    }

    section.slider-content .server-time {
        top: 35px;
    }

    .server-time {
        position: absolute;
        top: -60px;
    }
	
    section.slider-content .lang {
        top: 0;
    }

    .lang {
        position: absolute;
        top: -90px;
    }

    div.page-content {
        float: left;
    }

    .extra-padding {
        padding-right: 40px;
        padding-left: 40px;
    }

    footer.main-footer ul {
        margin: 0;
    }
}

@media (min-width: 1200px) {
    section.slider-content div.front-download-banner {
        margin-top: 120px;
    }

    div.front-download-banner {
        height: 180px;
    }

    div.front-download-banner > a {
        font-size: 35px;
        padding-top: 50px;
    }

    div.front-download-banner > a > span.fa {
        display: block;
    }

    div.reg-banner {
        height: 100px;
    }

    div.reg-banner > a {
        padding-top: 30px;
    }

    section.slider-content .server-time {
        top: 55px;
    }

    .server-time {
        top: -65px;
    }
}

@media only screen and (max-width: 767px) {
    .fb-comments {
        width: 100% !important;
    }

    .fb-comments iframe[style] {
        width: 100% !important;
    }

    .fb-like-box {
        width: 100% !important;
    }

    .fb-like-box iframe[style] {
        width: 100% !important;
    }

    .fb-comments span {
        width: 100% !important;
    }

    .fb-comments iframe span[style] {
        width: 100% !important;
    }

    .fb-like-box span {
        width: 100% !important;
    }

    .fb-like-box iframe span[style] {
        width: 100% !important;
    }
}

#ticket {
    color: white;
}

#ticketwiev {
    background-color: #343a40;
    color: white;
    text-decoration: none;
    font-family: inherit;
    font-size: 14px;

}

#local {
    padding-bottom: 4em;
}

#admin {
    margin-top: 1em;
    margin-left: 16px;

    /* border-collapse: inherit; */
    margin-bottom: 1em;
    color: #dccbcb;

}

#player {
    margin-top: 1em;

    /* border-collapse: inherit; */
    margin-bottom: 1em;

}

.last {
    position: absolute;
    bottom: 2px;
    left: 723px;
    font-family: 'Lato';
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    cursor: default;
}

#opciones {
    margin-top: 1em;

    /* border-collapse: inherit; */
    margin-bottom: 1em;

}

#create {
    margin-top: 1em;
    color: #008c9d;

    /* border-collapse: inherit; */
    margin-bottom: 1em;

}

.btn-inbox {
    background: #195055; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #195055), color-stop(100%, #0f313a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #195055 0%, #0f313a 100%); /* IE10+ */
    background: linear-gradient(135deg, #195055 0%, #0f313a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195055', endColorstr='#0f313a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    color: #eee;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #111;
    box-shadow: inset 0 0 3px #008c9d;
    font-size: 15px;

}

.times {
    margin: 5px 0;
}

.times > li > span.name {
    display: inline-block;
    border-left: 2px solid #195055;
    padding: 7px 0 7px 15px;
    font-size: 13px;
    color: #666;
}

.times > li > span.circle {
    width: 10px;
    height: 10px;
    background: #195055;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-right: -10px;
    border: 1px solid #00050b;
}

.times > li > span.badge {
    background: transparent;
    width: 70px;
    color: #666;
}

.times > li.live > span.name {
    color: #008c9d;
}

.times > li.live > span.circle {
    background: #78af02;
    border: 0;
}

.times > li.live > span.badge {
    background: #78af02;
    color: #fff;
}

.loading-spin {
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    z-index: 999999;
}

.loading-spin-2 {
    width: 64px;
    height: 64px;
    margin: 20px auto;
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}

@-ms-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(-360deg);
    }
}

.loading-spin > .spin-img {
    background: url(../images/load-spiner.png);
    width: 64px;
    height: 64px;
    position: relative;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.loading-spin > .fixed-img {
    background: url(../images/load-center.png);
    width: 64px;
    height: 64px;
    margin-top: -64px;
}

.loading-spin-2 > .spin-img {
    background: url(../images/load-spiner.png);
    width: 64px;
    height: 64px;
    position: relative;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.loading-spin-2 > .fixed-img {
    background: url(../images/load-center.png);
    width: 64px;
    height: 64px;
    margin-top: -64px;
}

.black-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
}

div.terms {
    height: 150px;
    border: 1px solid #1e1b18;
    background: rgba(0, 0, 0, .1);
    padding: 6px;
    overflow: auto;
    font-size: 13px;
    text-align: justify;
    color: #195055;
    font-family: monospace;
}

.bg-equipment {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.bg-equipment-avatar {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
    padding-top: 80px;
}

.slots {
    width: 40px;
    height: 40px;
}

.itemslot {
    float: left;
    width: 40px;
    height: 40px;
    margin: 1px;
    padding: 0 !important;
}

.weapon .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_weapon.PNG') no-repeat !important;
    background-size: 56px 56px !important;
}

.shield .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_shield.PNG') no-repeat !important;
    background-size: 56px 56px !important;
}

.head .itemslot {
    background: url('../images/equipment/equip_slot_helm.PNG') no-repeat !important;
}

.chest .itemslot {
    background: url('../images/equipment/equip_slot_mail.PNG') no-repeat !important;
}

.shoulder .itemslot {
    background: url('../images/equipment/equip_slot_shoulderguard.PNG') no-repeat !important;
}

.hands .itemslot {
    background: url('../images/equipment/equip_slot_gauntlet.PNG') no-repeat !important;
}

.legs .itemslot {
    background: url('../images/equipment/equip_slot_pants.PNG') no-repeat !important;
}

.foot .itemslot {
    background: url('../images/equipment/equip_slot_boots.PNG') no-repeat !important;
}

.earring .itemslot {
    background: url('../images/equipment/equip_slot_earring.PNG') no-repeat !important;
}

.necklace .itemslot {
    background: url('../images/equipment/equip_slot_necklace.PNG') no-repeat !important;
}

.lring .itemslot {
    background: url('../images/equipment/equip_slot_l_ring.PNG') no-repeat !important;
}

.rring .itemslot {
    background: url('../images/equipment/equip_slot_r_ring.PNG') no-repeat !important;
}

.specdress .itemslot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    margin-top: 10px !important;
}

.hat .itemslot {
    background: url('../images/equipment/equip_slot_helm.PNG') no-repeat !important;
}

.dress .itemslot {
    background: url('../images/equipment/equip_slot_cloth.PNG') no-repeat !important;
}

.attach .itemslot {
    background: url('../images/equipment/equip_slot_pandernt.PNG') no-repeat !important;
}

.flag .itemslot {
    background: url('../images/equipment/equip_slot_plag.PNG') no-repeat !important;
}

.spec .itemslot {
    background: url('../images/equipment/equip_slot_extraneous01.PNG') no-repeat !important;
}

.slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.bg-equipment-avatar .slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.avatar-padding {
    padding-top: 80px !important;
}

.slots.right {
    float: right;
    clear: right;
    margin-right: 0;
    margin-left: 10%;
}

.slots.left {
    float: left;
    clear: left;
    margin-left: 0;
    margin-right: 10%;
}

.slots.weapon,
.slots.shield {
    width: 31% !important;
    margin-bottom: 40px !important;

}

.image .itemslot .image {
    margin: 3px;
}

.itemslot .image .qinfo {
    font-size: 9px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 0 -0.5px #000;
    color: #fff;
    padding: 0 0;
    float: left;
}

.move .image.activeItem {
    box-shadow: 0 0 7px 4px gray;
}

.itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 !important;
    margin: 3px;
}

.itemslot .imageavatar {
    width: 34px !important;
    height: 34px !important;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 84px !important;
}

.slots.left .itemslot .imageavatar {
    margin-left: 2px !important;
}

.weapon .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.shield .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.imageclear {
    margin-top: -2px;
    display: inline-block;
}

.itemInfo {
    color: #fff;
    z-index: 80;
    position: absolute;
    left: 34px;
    top: 3px;
    width: 180px;
    background: rgba(88, 98, 170, 0.85);
    border: 2px solid #303d4d;
    padding: 5px;
    display: none;
    line-height: 18px;
    font-size: 10px;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 190px;
    padding: 8px !important;
    background: url('../images/equipment/com_bg_tile_tl.PNG') no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
}

.ui-tooltip-content {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px !important;
    line-height: 15px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 1px 1px #000;
    color: #fff;
}

.equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: right;
    clear: right;
}

.bg-equipment-avatar .equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: right;
    clear: right;
}

.equip-suit-slot .image {
    width: 34px !important;
    height: 34px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.btn-equip-avatar {
    background: url('../images/equipment/equip_slot_avata_button.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-avatar:hover {
    background: url('../images/equipment/equip_slot_avata_button_focus.PNG') no-repeat !important;
}

.btn-equip-avatar:active {
    background: url('../images/equipment/equip_slot_avata_button_press.PNG') no-repeat !important;
}

.btn-equip-set {
    background: url('../images/equipment/equip_slot_equipment_button.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-set:hover {
    background: url('../images/equipment/equip_slot_equipment_button_focus.PNG') no-repeat !important;
}

.btn-equip-set:active {
    background: url('../images/equipment/equip_slot_equipment_button_press.PNG') no-repeat !important;
}

.btn-rotate-group {
    position: relative;
    left: 12px;
    top: 32px;
    display: inline-block;
}

.bg-equipment-avatar .btn-rotate-group {
    position: relative;
    left: -7px;
    margin-top: 134px;
    display: inline-block;
}

.btn-rotate-left {
    background: url('../images/equipment/equip_rotate_left_button.PNG') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-right: -5px;
    margin-left: 5px;
    border: none;
    outline: 0;
}

.btn-rotate-left:hover {
    background: url('../images/equipment/equip_rotate_left_button_focus.PNG') no-repeat !important;
}

.btn-rotate-left:active {
    background: url('../images/equipment/equip_rotate_left_button_press.PNG') no-repeat !important;
}

.btn-rotate-right {
    background: url('../images/equipment/equip_rotate_right_button.PNG') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-left: -5px;
    border: none;
    outline: 0;
}

.btn-rotate-right:hover {
    background: url('../images/equipment/equip_rotate_right_button_focus.PNG') no-repeat !important;
}

.btn-rotate-right:active {
    background: url('../images/equipment/equip_rotate_right_button_press.PNG') no-repeat !important;
}

.btn-rotate-top {
    background: url('../images/equipment/equip_rotate_reset_button.PNG') no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    border: none;
    outline: 0;
}

.btn-rotate-top:hover {
    background: url('../images/equipment/equip_rotate_reset_button_focus.PNG') no-repeat !important;
}

.btn-rotate-top:active {
    background: url('../images/equipment/equip_rotate_reset_button_press.PNG') no-repeat !important;
}

.fortress-owner {
    width: 150px;
    height: 130px;
    background: url(../images/fortress-owner.png) center top no-repeat;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
}

.fortress-owner > h3 {
    font-family: 'AdelonMedium', serif;
    color: #f3e6d0;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 0 2px 1px #000, 0 -1px 1px #000;
    font-weight: bold;
}

ul.guild-features {
    padding: 10px 20px 10px 5px;
    border-radius: 4px;
    background: transparent;
}

ul.guild-features > li {
    background: url(../images/bullet2.gif) no-repeat 3px 8px;
    padding: 2px 0 2px 20px;
    text-shadow: 0 1px 2px #000;
    color: #ddd;
    font-size: 15px;
    display: block;
}

ul.guild-features > li > b {
    color: #008c9d;
}