@import "http://fonts.googleapis.com/css?family=PT+Sans:400,700|Libre+Baskerville&subset=latin,latin-ext";







a {
    text-decoration: none;
    color: inherit
}

ul,
li {
    text-decoration: none;
    padding: 0;
    margin: 0;
    list-style: none
}

body {
    background: url(../images/bg.png) center top no-repeat #111;
    font-family: pt sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h2 {
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
    color: inherit;
    font-weight: 400
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #9e9788;
    margin: 1em 0;
    padding: 0
}

*,
*:after,
*:before {
    box-sizing: border-box
}

#main {
    width: 996px;
    margin: 0 auto;
    position: relative
}

#logo {
    width: 100%;
    height: 264px;
    float: left
}

#menu {
    width: 996px;
    height: 70px;
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 265px;
    z-index: 1000
}

#contentTwoCol {
    width: 100%;
    float: left;
    height: auto;
    margin-top: 40px;
    margin-bottom: 20px
}

.contentTopBg {
    width: 100%;
    float: left;
    background: url(../images/mainust.png) center top no-repeat;
    height: 10px
}

.contentMidBg {
    width: 100%;
    float: left;
    background: url(../images/mainorta.jpg) center center repeat-y;
    height: auto;
    position: relative
}

.contentBotBg {
    width: 100%;
    float: left;
    background: url(../images/mainalt.png) center bottom no-repeat;
    height: 10px
}

.menu {
    width: 100%;
    background: url(../images/menuBg.png) center center no-repeat;
    height: 70px
}

#logo {
    text-align: center
}

#logo a {
    color: #b1b1b1;
    text-decoration: none;
    text-shadow: 3px 3px 5px #4f1f1f, 1px 1px 1px #000
}

#logo a:hover {
    color: #d3d3d3;
    text-decoration: none
}

#logo span {
    top: 55px;
    position: relative;
    font-family: beyond the mountains, serif;
    font-size: 52px
}

#logo img {
	margin-top: -35px;
    /* max-height: 130px; */
    /* max-width: 320px; */
    width: 54%;
    height: 118%;
}


/*
#logo img {
    margin-top: 50px;
    max-height: 130px;
    max-width: 320px;
    width: auto;
    height: auto
}
*/



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

.logo {
    width: 158px;
    height: 174px;
    left: 0;
    right: 0;
    background: url(../images/logo.png) center center no-repeat;
    position: absolute;
    top: 20px
}

.hemenOyna {
    width: 293px;
    height: 60px;
    background: url(../images/hemen-oyna.png) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    top: 205px
}

.hemenOyna:hover {
    background: url(../images/hemen-oyna-hover.png) center center no-repeat
}

.menuler {
    float: left;
    margin: 16px auto 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 870px;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    font-weight: 700
}

.menuler li {
    float: left;
    width: 145px;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, .15);
    border-right: 1px solid rgba(0, 0, 0, .15);
    transition: all .15s ease-in-out
}

.menuler li:first-child {
    border-left: none
}

.menuler li:last-child {
    border-right: none
}

.menuler li:hover {
    box-shadow: inset 0 -15px 15px 0 rgba(132, 82, 32, .38)
}

.menuler li a {
    display: block
}

.contentMain {
    width: 960px;
    height: 150px;
    margin: 0 auto;
    z-index: -3;
    margin-top: 30px
}

.contentSol {
    width: 639px;
    float: left;
    height: auto
}

.contentSag {
    width: 285px;
    float: right;
    height: auto;
    margin-right: 10px
}

#serverlar {
    background: #9b8468;
    color: #370f0f;
    border: 1px solid #ccad86;
    outline: 0;
    border-radius: 5px;
    padding: 5px;
    margin: 0 0 10px
}

.ust-menu {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%
}

.ust-menu .menu-right {
    float: right
}

.ust-menu .menu-left {
    float: left
}

.ust-menu li {
    list-style: none;
    float: right;
    font-size: 13px;
    position: relative
}

.ust-menu li a:link,
.ust-menu li a:visited {
    display: block;
    text-decoration: none;
    height: 45px;
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .69);
    background: rgba(0, 0, 0, .38);
    line-height: 45px;
    padding: 0 15px;
    transition: all .15s ease-in-out;
    border-right: 1px solid rgba(255, 255, 255, .08)
}

.ust-menu .menu-right li:first-child a {
    border-radius: 0 0 5px 0;
    box-shadow: none;
    color: #84df45
}

.ust-menu .menu-right li:first-child a:hover {
    color: #b3e98d
}

.ust-menu li:last-child a {
    border-radius: 0 0 0 0;
    box-shadow: none
}

.ust-menu li:last-child a:hover {
    border-radius: 0
}

.ust-menu li a:hover {
    box-shadow: inset 0 0 25px 0 rgba(0, 0, 0, .64);
    background: rgba(0, 0, 0, .54);
    color: #dfcea6
}

.ust-menu li span {
    display: block;
    height: 45px;
    margin: 0;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .69);
    background: rgba(0, 0, 0, .38);
    line-height: 45px;
    padding: 0 15px;
    border-radius: 0;
    border-right: 1px solid rgba(255, 255, 255, .08)
}

.ust-menu li:last-child span {
    border-radius: 0 0 0 4px
}

.ust-menu li ul {
    min-width: 100px;
    transition: all .08s ease-in-out;
    margin-top: -10px;
    margin-left: auto;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    width: 130px;
    max-width: inherit
}

.ust-menu li ul li {
    float: right;
    width: 100%;
    display: inline-block
}

.ust-menu li ul li a:link,
.ust-menu li ul li a:visited {
    background: rgba(0, 0, 0, .38);
    border-radius: 0;
    height: 35px;
    line-height: 35px
}

.ust-menu li ul li a:first-child {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1)
}

.ust-menu li ul li a:hover {
    background-color: rgba(0, 0, 0, .62)
}

.ust-menu li i {
    float: right;
    line-height: 45px;
    margin-left: 5px
}

.easy-modal,
.easy-modal-animated {
    width: 600px;
    padding: 2em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .35);
    background-color: #fff
}

.manset {
    width: 625px;
    height: 280px;
    float: left;
    margin-left: 13px;
    margin-top: 5px;
    margin-bottom: 10px;
    position: relative
}

.haberOkuBaslik {
    width: 625px;
    height: auto;
    float: left;
    margin-left: 13px;
    position: relative
}

.haberOkuBaslik h1 {
    color: #ece2cb;
    font-size: 20px;
    font-family: libre baskerville, serif;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: 400;
    line-height: 35px;
    margin: 0
}



.darkbeyhaberOkuBaslik {
    width: 625px;
    height: auto;
    float: left;
    margin-left: 13px;
    position: relative
}

.darkbeyhaberOkuBaslik h1 {
    color: #ece2cb;
    font-size: 20px;
    font-family: libre baskerville, serif;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: 400;
    line-height: 35px;
    margin: 0
}

.mansetMask {
    position: absolute;
    background: url(../images/mansetmask.png);
    width: 100%;
    height: 100%;
    z-index: 2
}

.mansetResim {
    width: 611px;
    height: 268px;
    position: absolute;
    left: 3px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 6px;
    z-index: 1000
}

.contentSolIcerik {
    width: 649px;
    height: auto;
    float: left;
    position: relative;
    margin-left: 1px
}

.haberOkuIcerik {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px
}

.haberOkuIcerik a:hover {
    color: #fff
}

.haberOkuIcerik img {
    float: left;
    width: 100%;
    margin: 10px 0
}

.darkbeyhaberOkuIcerik {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px
}

.darkbeyhaberOkuIcerik a:hover {
    color: #fff
}

.darkbeyhaberOkuIcerik img {
    float: left;
    width: 100%;
    margin: 10px 0
}




.haber-yazar {
    font-size: 13px;
    color: #807b72;
    margin-right: 10px;
    margin-top: 1px
}

.darkbeyhaber-yazar {
    font-size: 13px;
    color: #807b72;
    margin-right: 10px;
    margin-top: 1px
}

.haber-yorum {
    float: right;
    font-size: 13px;
    color: #685f4f;
    margin-right: 10px
}

.darkbeyhaber-yorum {
    float: right;
    font-size: 13px;
    color: #685f4f;
    margin-right: 10px
}

.haber-yazar i {
    display: inline-block;
    margin-right: 2px
}

.darkbeyhaber-yazar i {
    display: inline-block;
    margin-right: 2px
}

.haberTarih {
    float: left;
    font-size: 13px;
    color: #685f4f;
    margin-right: 5px
}

.haberTarih i {
    display: inline-block;
    margin-right: 5px
}


.darkbeyhaberTarih {
    float: left;
    font-size: 13px;
    color: #685f4f;
    margin-right: 5px
}

.darkbeyhaberTarih i {
    display: inline-block;
    margin-right: 5px
}


.pvplonca {
    color: #370f0f;
    background: #725445;
    width: 283px;
    height: 30px;
    margin: 0 0 10px;
    border-radius: 4px;
    overflow: hidden
}

.pvplonca a {
    display: block
}

.pvplonca ul {
    height: 100%;
    float: left;
    width: 100%
}

.pvplonca li {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.pvplonca li:hover {
    background: #563e32
}

.haber {
    width: 629px;
    height: auto;
    float: left;
    margin: 0 10px 20px;
    padding: 5px;
    background: #0b0807;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    overflow: hidden
}


.darkbeyhaber {
    width: 593px;
    height: auto;
    float: left;
    margin: 0 10px 20px;
    padding: 5px;
    background: #0b0807;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    overflow: hidden
}

.haberBorder {
    width: 198px;
    height: 120px;
    background: url(../images/borderMask.png) no-repeat;
    position: relative;
    z-index: 33;
    float: left
}

.darkbeyhaberBorder {
    width: 198px;
    height: 120px;
    background: url(../images/borderMask.png) no-repeat;
    position: relative;
    z-index: 33;
    float: left
}

.tumHaberleriGor {
    width: 100%;
    float: left;
    height: 50px;
    position: relative
}

.darkbeytumHaberleriGor {
    width: 100%;
    float: left;
    height: 50px;
    position: relative
}

.btnNorm {
    background: url(../images/btnBg.png) center center repeat-x;
    width: 211px;
    height: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 13px;
    box-shadow: inset 0 0 0 1px #000;
    border: 1px solid #191410
}

.btnNorm:hover {
    background: url(../images/btnBgHover.png) center center repeat-x
}



.darkbeyhaberbuton {
    background: url(../images/btnBg.png) center center repeat-x;
    width: 100px;
    height: 35px;
    position: absolute;
    left: 72%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 33px;
    color: #dec098;
    font-size: 13px;
	margin-top: -95px;
    box-shadow: inset 0 0 0 1px #000;
    border: 1px solid #191410
}

.darkbeyhaberbuton:hover {
    background: url(../images/btnBgHover.png) center center repeat-x
}

.haberResim {
    width: 190px;
    height: 112px;
    float: left;
    position: absolute;
    margin: 4px 0 0 4px;
    background: url(../images/logo.png) center center no-repeat;
    background-size: 200px
}

.darkbeyhaberResim {
    width: 190px;
    height: 112px;
    float: left;
    position: absolute;
    margin: 4px 0 0 4px;
    background: url(../images/logo.png) center center no-repeat;
    background-size: 200px
}

.haberBaslik {
    font-size: 16px;
    font-weight: 400;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #f3e1c4;
    font-size: 16px;
    font-family: libre baskerville, serif
}

.darkbeyhaberBaslik {
    font-size: 16px;
    font-weight: 400;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #f3e1c4;
    font-size: 16px;
    font-family: libre baskerville, serif
}

.haberBaslik:hover {
    color: #fff
}

.darkbeyhaberBaslik:hover {
    color: #fff
}

.haberAciklama {
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    margin: 0;
    color: #948a82;
    text-shadow: 0 1px 0 #000;
    height: auto;
    text-align: justify;
    word-break: normal;
    overflow: hidden;
    display: none
}

.darkbeyhaberAciklama {
    font-size: 14px;
    font-weight: 400;
    padding: 5px;
    margin: 0;
    color: #948a82;
    text-shadow: 0 1px 0 #000;
    height: auto;
    text-align: justify;
    word-break: normal;
    overflow: hidden;
    display: none
}

.haber:first-child .haberAciklama {
    display: block
}

.darkbeyhaber:first-child .haberAciklama {
    display: block
}

.haberAciklama  {
    display: block;
    max-width: 100%;
    height: auto
}

.darkbeyhaberAciklama  {
    display: block;
    max-width: 100%;
    height: auto
}


.haberTuru {
    color: #807b72;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}

.darkbeyhaberTuru {
    color: #807b72;
    font-size: 12px;
    margin-right: 5px;
    padding: 3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}


.haberTarihi {
    float: right;
    color: #807b72;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 2px
}

.darkbeyhaberTarihi {
    float: right;
    color: #807b72;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 2px
}

.contentSolAlt {
    width: 650px;
    float: left;
    height: auto;
    box-shadow: inset 0 1px 0 0 #191410;
    position: relative;
    padding: 10px;
    background: url(../images/solAltBg.jpg) center center repeat
}

.contentSolAlt a {
    float: left
}

.selected {
    background: #372117;
    color: #fff
}

.girisyap {
    width: 100px;
    height: 40px;
    background: #189a17
}

.sagBaslik {
    width: 285px;
    height: 45px;
    background: url(../images/baslikAlt.png) center center no-repeat;
    float: left;
    /*margin-bottom: 10px;*/
}

.sagBaslik span {
    color: #d8c4b8;
    font-size: 13px;
    text-align: center;
    float: left;
    width: 285px;
    line-height: 45px;
    font-size: 17px;
    font-family: libre baskerville, serif
}

.sagIcerik {
    color: #aba4a0;
    width: 285px;
    height: auto;
    background: rgba(255, 255, 255, .05);
    float: left;
    font-size: 13px;
    border-top: 0;
    margin-top: -2px;
    padding: 10px
}

.sagIcerik .fortress {
    margin-bottom: 35px;
    padding-left: 10px
}

.sagIcerik .fortress:last-child {
    margin-bottom: 0
}

.sagIcerik .fortress a:hover {
    color: #fff
}

.sagIcerik .fortress h3 {
    float: left;
    clear: both;
    margin: -1px 0 0;
    padding: 0 10px 5px;
    font-size: 15px;
    font-weight: 700
}

.sagIcerik .fortress .guildname {
    float: left;
    clear: both;
    margin-left: 10px
}

.sagIcerik .fortress .guildtax {
    text-align: right
}

.sagIcerik #jangan_fortress {
    background: url(../images/fort-jangan.png) no-repeat 0 0
}

.sagIcerik #hotan_fortress {
    background: url(../images/fort-hotan.png) no-repeat 0 0
}

.sagIcerik #bandit_fortress {
    background: url(../images/fort-bandit.png) no-repeat 0 0
}

.sagIcerik #constantinople_fortress {
    background: url(../images/fort-constantinople.png) no-repeat 0 0
}

.schedule-table tr {
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 14px
}

.schedule-table td {
    padding: 5px
}

.schedule-table td:nth-child(2) {}

.schedule-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.schedule-table td:nth-child(1) {
    width: 132px;
    border-right: 1px solid #26221e
}

.schedule-table td:nth-child(2) {
    width: 132px;
    text-align: center
}

.stats-table tr {
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 14px
}

.stats-table td {
    padding: 5px
}

.stats-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.stats-table td:nth-child(1) {
    width: 132px;
    border-right: 1px solid #26221e
}

.stats-table td:nth-child(2) {
    width: 132px;
    text-align: center
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

.jssorb13 div,
.jssorb13 div:hover,
.jssorb13 .av {
    background: url(../images/b13.png) no-repeat;
    overflow: hidden;
    cursor: pointer
}

.jssorb13 div {
    background-position: -5px -5px
}

.jssorb13 div:hover,
.jssorb13 .av:hover {
    background-position: -35px -5px
}

.jssorb13 .av {
    background-position: -65px -5px
}

.jssorb13 .dn,
.jssorb13 .dn:hover {
    background-position: -95px -5px
}

.foobar {
    float: left;
    color: #8f857b;
    margin: 10px 0 30px;
    width: 100%;
    text-align: center;
    font-size: 13px
}

.foobar span {
    color: #5e5954;
    font-size: 12px;
    margin: 10px 0 0;
    display: inline-block
}

.footer-link li {
    margin: 0 5px 0;
    display: inline-block
}

.footer-link li:hover {
    color: #bfb3a7
}

.sonHaberler {
    float: left;
    margin-bottom: 10px
}

.sonHaberlerIc {
    width: 100%;
    margin: 0 auto
}

.kategoriler {
    float: left;
    margin-bottom: 10px
}

.kategoriler-icerik {
    width: 100%;
    margin: 0 auto
}

.sag-kategoriler {
    width: 100%;
    float: left
}

.sag-kategoriler li {
    float: left;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .1);
    margin: 0 0 5px;
    border-radius: 4px;
    color: #98837a;
    font-size: 13px
}

.sag-kategoriler li:hover {
    border: 1px solid #dd7a37;
    color: #dd7a37
}

.sag-kategoriler li a {
    display: block;
    padding: 5px
}

.sag-kategoriler li a i {
    font-size: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -3px
}

.kategori {
    display: inline-block;
    margin-left: 5px
}

.haber-sayisi {
    float: right;
    color: #af6831;
    font-weight: 700
}

.sHaber {
    float: left;
    width: 100%
}

.sHaber li {
    float: left;
    width: 100%;
    border-bottom: 1px dashed #261e18;
    padding: 15px 0
}

.dlLink {
    background: url(../images/oyunindirSagButton.png) center center no-repeat;
    width: 281px;
    height: 52px;
    float: left
}

.dlLink span {
    color: #e8dfd4;
	font-family: 'Literata', serif;
    float: right;
    margin-right: 71px;
    margin-top: 10px;
    font-size: 19px;
}



.dlLink2 {
    background: url(../images/bosSagButton.png) center center no-repeat;
    width: 281px;
    height: 52px;
    float: left
}

.dlLink2 span {
    color: #e8dfd4;
	font-family: 'Literata', serif;
    float: right;
    margin-right: 71px;
    margin-top: 10px;
    font-size: 19px;
}




.dlLink:hover {
    background: url(../images/indirButtonhover.png) center center no-repeat
}

.dlLink2:hover {
    background: url(../images/bosButtonhover.png) center center no-repeat
}

.sHaber li:last-child {
    border: none
}

.sHaberResim {
    width: 80px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #231d18;
    box-shadow: inset 0 0 0 1px #000;
    float: left
}

.sHaberBaslik {
    width: 190px;
    float: right;
    color: #907555
}

.sHaberBaslik:hover {
    color: #d0bca5
}

.sHaberTarih {
    color: #46413b;
    float: right;
    font-size: 13px;
    width: 190px;
    margin: 5px 0 0
}

.siralama {
    float: left
}

.siralamaTablo {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.siralamaic {
    border: 1px solid #26221e;
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.siralamaTablo a {
    display: block
}

.siralamaTablo a:hover {
    color: #fff
}

.siralamaTablo tr {
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 13px
}

.siralamaTablo tr:nth-child(1) {
    color: #7a7673;
    text-align: center;
    font-size: 13px
}

.siralamaTablo td {
    padding: 5px
}

.siralamaTablo td:nth-child(2) {
    padding-left: 10px
}

.siralamaTablo tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.siralamaTablo td:nth-child(1) {
    width: 52px;
    border-right: 1px solid #26221e;
    text-align: center
}

.siralamaTablo td:nth-child(2) {
    width: 156px;
    border-right: 1px solid #26221e
}

.siralamaTablo td:nth-child(3) {
    width: 75px;
    text-align: center
}

.trophyFirst {
    color: #f1a90e
}

.trophySecond {
    color: #b7b6b6
}

.trophyThird {
    color: #a74c39
}

.onlineTablo {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.onlineTablo a {
    display: block
}

.onlineTablo a:hover {
    color: #fff
}

.onlineTablo tr {
    text-align: center;
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 13px
}

.onlineTablo tr:nth-child(1) {
    color: #7a7673;
    font-size: 13px
}

.onlineTablo td {
    padding: 5px
}

.onlineTablo td:nth-child(2) {
    padding-left: 10px
}

.onlineTablo tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.onlineTablo td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e
}

.onlineTablo td:nth-child(2) {
    width: 30%;
    border-right: 1px solid #26221e
}

.onlineTablo td:nth-child(3) {
    width: 20%;
    border-right: 1px solid #26221e
}

.onlineTablo td:nth-child(4) {
    width: 20%
}

.marketTablo {
    float: left;
    width: 100%;
    height: auto;
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    display: block
}

.marketTablo a {
    display: block
}

.marketTablo a:hover {
    color: #fff
}

.marketTablo tr {
    text-align: center;
    color: #aba4a0;
    font-size: 14px
}

.marketTablo tr img {
    height: 32px;
    width: 32px
}

.marketTablo tr:nth-child(1) {
    color: #d9ae6e;
    background: #14110a;
    font-size: 15px
}

.marketTablo tr:nth-child(1) td {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.marketTablo td {
    padding: 0 5px;
    border-right: 1px solid #5b4b2f;
    border-bottom: 1px solid #5b4b2f
}

.marketTablo td:last-child {
    border-right: none
}

.marketTablo tr:last-child td {
    border-bottom: none
}

.marketTablo td:nth-child(1) {
    width: auto;
    padding-left: 12px
}

.marketTablo td:nth-child(2) {
    padding-left: 10px;
    width: 60%
}

.marketTablo td:nth-child(3) {
    width: 18%
}

.marketTablo td:nth-child(4) {
    width: 18%
}

.marketBuyTablo {
    width: 100%;
    height: auto;
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    display: block
}

.marketBuyTablo a {
    display: block
}

.marketBuyTablo a:hover {
    color: #fff
}

.marketBuyTablo tr {
    height: 50px;
    text-align: left;
    color: #aba4a0;
    font-size: 15px
}

.marketBuyTablo tr img {
    height: 32px;
    width: 32px
}

.marketBuyTablo td {
    padding: 0 10px;
    border-right: 1px solid #5b4b2f;
    border-bottom: 1px solid #5b4b2f
}

.marketBuyTablo td:last-child {
    border-right: none
}

.marketBuyTablo tr:last-child td {
    border-bottom: none
}

.marketBuyTablo tr:last-child {
    font-size: 17px;
    text-align: center
}

.marketBuyTablo td:nth-child(1) {
    width: 30%
}

.marketBuyTablo td:nth-child(2) {
    width: auto
}

.guild-members-table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.guild-members-table a {
    display: block
}

.guild-members-table a:hover {
    color: #fff
}

.guild-members-table tr {
    text-align: center;
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 13px
}

.guild-members-table tr:nth-child(1) {
    color: #7a7673;
    font-size: 13px
}

.guild-members-table td {
    padding: 5px
}

.guild-members-table td:nth-child(2) {
    padding-left: 10px
}

.guild-members-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.guild-members-table td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e
}

.guild-members-table td:nth-child(2) {
    width: 20%;
    border-right: 1px solid #26221e
}

.guild-members-table td:nth-child(3) {
    width: 10%;
    border-right: 1px solid #26221e
}

.guild-members-table td:nth-child(4) {
    width: 10%;
    border-right: 1px solid #26221e
}

.guild-members-table td:nth-child(5) {
    width: 10%;
    border-right: 1px solid #26221e
}

.guild-members-table td:nth-child(6) {
    width: 20%
}

.guild-info-table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.guild-info-table a {
    display: block
}

.guild-info-table a:hover {
    color: #fff
}

.guild-info-table tr {
    text-align: left;
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 14px
}

.guild-info-table td {
    padding: 5px 12px
}

.guild-info-table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.guild-info-table td:nth-child(1) {
    width: 40%;
    border-right: 1px solid #26221e
}

.guild-info-table td:nth-child(2) {
    width: 60%
}

.char-unique-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.char-unique-result table a {
    display: block
}

.char-unique-result table a:hover {
    color: #fff
}

.char-unique-result table tr {
    text-align: left;
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 14px
}

.char-unique-result table td {
    padding: 5px 12px
}

.char-unique-result table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.char-unique-result table td:nth-child(1) {
    width: 40%;
    border-right: 1px solid #26221e
}

.char-unique-result table td:nth-child(2) {
    width: 60%
}

.char-last-unique-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.char-last-unique-result table a {
    display: block
}

.char-last-unique-result table a:hover {
    color: #fff
}

.char-last-unique-result table tr {
    text-align: center;
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 14px
}

.char-last-unique-result table td {
    padding: 5px 12px
}

.char-last-unique-result table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.char-last-unique-result table td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e
}

.char-last-unique-result table td:nth-child(2) {
    width: 35%;
    border-right: 1px solid #26221e
}

.char-last-unique-result table td:nth-child(3) {
    width: 30%;
    border-right: 1px solid #26221e
}

.char-last-unique-result table td:nth-child(4) {
    width: 25%
}

.char-global-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto
}

.char-global-result table a {
    display: block
}

.char-global-result table a:hover {
    color: #fff
}

.char-global-result table tr {
    text-align: left;
    border-bottom: 1px solid #26221e;
    color: #aba4a0;
    font-size: 14px
}

.char-global-result table td {
    padding: 5px 12px
}

.char-global-result table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .05)
}

.char-global-result table td:nth-child(1) {
    width: 5%;
    border-right: 1px solid #26221e;
    text-align: center
}

.char-global-result table td:nth-child(2) {
    width: 70%;
    border-right: 1px solid #26221e
}

.char-global-result table td:nth-child(3) {
    text-align: center;
    width: 25%
}

.siralamaOzellestir {
    float: left;
    margin: 5px 0 10px
}

.siralamaOzellestir select {
    background: 0 0;
    outline: 0;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #26221e;
    color: #aba4a0;
    webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/listArrow.png) no-repeat;
    background-position: right;
    background-origin: content-box;
    text-indent: .01px;
    text-overflow: ""
}

.siralamaOzellestir select::-ms-expand {
    display: none
}

.loaderHorizontal {
    background: url(../images/loader_horizontal.gif) no-repeat;
    height: 11px;
    width: 43px;
    margin: 0 auto
}

.sagBox {
    float: left;
    margin-bottom: 20px
}

.sagBox .sagBaslik {
    margin-bottom: 0
}

.sosyalAg {
    float: left
}

.sosyal-ag-icerik {
    float: left;
    width: 285px;
    height: 365px
}

.tw-social {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.ana-sayfalama .sayfalama {
    float: left;
    width: 100%;
    margin: 0 0 0
}

.ana-sayfalama .sayfalama ul {
    margin: 4px 0 0
}

.ana-sayfalama .sayfalama ul li {
    color: #fff
}

.ana-sayfalama .sayfalama ul li a {
    color: #fff
}

.sayfalama {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

.sayfalar {
    width: auto;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto
}

.sayfalar li {
    margin: 0 3px;
    display: inline-block
}

.sayfalar li a {
    padding: 3px 7px;
    display: block
}

.sayfalar li a:hover {
    box-shadow: inset 0 -1px 0 0 #e37b2c
}

.secili-sayfa {
    color: #3a2f24;
    cursor: default;
    padding: 3px 7px
}

.secili-sayfa:hover {
    color: #3a2f24
}

.sayfa-bas {
    background: rgba(255, 255, 255, .07);
    padding: 3px 7px
}

.sayfa-son {
    background: rgba(255, 255, 255, .07);
    padding: 3px 7px
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.white_content {
    display: none;
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: auto;
    padding: 16px;
    z-index: 1002;
    background: url(../images/solBg.jpg) center center repeat;
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #000;
    border: 1px solid #d5b791
}

.dialogBaslik {
    width: 100%;
    float: left;
    background: url(../images/baslikAlt.png) center top no-repeat;
    height: 46px
}

.dialogBaslik span {
    width: 100%;
    text-align: center;
    color: #e8ddc2;
    font-family: libre baskerville, serif;
    float: left;
    margin-top: 15px
}

.kapa-icon {
    width: 25px;
    height: 25px;
    border-radius: 20px;
    background: #a41717;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1100;
    color: #fff;
    display: table;
    text-decoration: none;
    font-family: arial;
    font-size: 13px;
    font-weight: 700
}

.kapa-icon span {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.dialog-ic {
    width: 100%;
    height: auto
}

.dialogForm {
    width: 300px;
    height: auto;
    float: left;
    margin: 10px 0 0 35px;
    position: relative
}

select {
    width: 60%;
    /* float: left; */
    margin: 10px 0;
    padding: 5px 0;
    text-indent: 5px;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #d4c6af;
    background: #140f0b;
    color: black;
}

input::-moz-placeholder {
  color: #1d1c22;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #1d1c22;
}
input::-webkit-input-placeholder {
  color: #1d1c22;
}





input[type="text"], input[type="password"] , input[type="number"] {
    width: 60%;
    /*float: left;*/
    margin: 10px 0;
    padding: 5px 0;
    text-indent: 5px;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #988068;
    background: #d4c6af;
	color:black;
}

input[type="text"]:focus, input[type="password"]:focus , input[type="number"]:focus{
    box-shadow: 0 0 5px 0 #dd872d;
    border: 1px solid #000;
    background: #fff
	
}

.dialogLabel {
    width: 100%;
    float: left;
    color: #efe2d9
}

.girisbutton {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    position: relative;
    height: 35px
}

.girisbutton .trbtn {
    width: 50%;
    height: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}




/*input[type="submit"] {
    width: 30%;
    height: 6%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}*/


input[type="submit"] {
    width: 30%;
    height: 33px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /* position: absolute; */
}




input[type="submit"] {
    background: url(../images/noisy.png) center center repeat #32190d;
    border: none;
    outline: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-shadow: 1px 1px 5px 0 #000, inset 0 2px 1px 0 rgba(255, 255, 255, .13);
    font-family: libre baskerville, serif;
    font-size: 13px;
    color: #f7e9c6;
    text-shadow: 0 1px 3px #000
}

input[type="submit"]:hover {
    color: #fff;
    background: url(../images/noisy.png) center center repeat #2f1c13
}




.bostabuton {
    width: 30%;
    height: 6%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
 
}

.bostabuton {
    background: url(../images/noisy.png) center center repeat #32190d;
    border: none;
    outline: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-shadow: 1px 1px 5px 0 #000, inset 0 2px 1px 0 rgba(255, 255, 255, .13);
    font-family: libre baskerville, serif;
    font-size: 13px;
    color: #f7e9c6;
    text-shadow: 0 1px 3px #000
}

.bostabuton:hover {
    color: #fff;
    background: url(../images/noisy.png) center center repeat #2f1c13
}










.trbtn {
    background: url(../images/noisy.png) center center repeat #32190d;
    border: none;
    outline: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    border-radius: 4px;
    box-shadow: 1px 1px 5px 0 #000, inset 0 2px 1px 0 rgba(255, 255, 255, .13);
    font-family: libre baskerville, serif;
    font-size: 13px;
    color: #f7e9c6;
    text-shadow: 0 1px 3px #000
}

.trbtn:hover {
    color: #fff;
    background: url(../images/noisy.png) center center repeat #2f1c13
}

.dogrulama {
    float: left;
    width: 100%;
    margin-left: -10px;
    margin-top: 10px
}

.dividerSag {
    width: 315px;
    height: 7px;
    float: left;
    margin-left: -15px;
    margin: 10px 0 10px -15px
}

#disqus_thread {
    padding: 10px;
    color: #bba6a6
}

#disqus_thread a {
    color: #db974b
}

.contentEnAlt {
    background: url(../images/45-degree-fabric-dark.png) center center repeat #1d120a;
    width: 970px;
    height: 250px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: -10;
    float: left
}

.indirMain {
    width: 100%;
    float: left;
    margin: 35px 0 50px
}

.indirAgac {
    width: 850px;
    float: left;
    height: auto;
    color: #635a4e;
    font-size: 12px;
    margin: 20px 0 15px 55px;
    padding: 0 0 5px
}

.indirAgac a:hover {
    color: #988a76
}

.indirMainTopBg {
    background: url(../images/indirMainTopBg.png) center top no-repeat;
    width: 972px;
    height: 14px;
    margin: 0 auto
}

.indirMainMidBg {
    background: url(../images/indirMainMidBg.png) center center repeat-y;
    width: 972px;
    height: auto;
    float: left;
    margin-left: 12px
}

.indirMainBotBg {
    background: url(../images/indirMainBotBg.png) center center no-repeat;
    width: 972px;
    height: 10px;
    float: left;
    margin-left: 12px
}

.oneColumn {
    width: 870px;
    height: auto;
    margin: 40px auto 0
}

.oyun-indir-box {
    width: 265px;
    background: #18150f;
    height: auto;
    margin: 0px 23px 23px;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    display: inline-block;
    float: left;
}

.oyun-indir-box:hover {
    border-color: #8b7653
}

.oyun-indir-baslik {
    width: 100%;
    height: 45px;
    float: left
}

.oyun-indir-baslik span {
    font-family: libre baskerville, serif;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 45px;
    color: #d9ae6e
}

.oyun-indir-aciklama {
    float: left;
    width: 100%;
    height: auto
}

.oyun-indir-aciklama span {
    font-family: pt sans, sans-serif;
    text-align: center;
    width: 100%;
    float: left;
    line-height: 23px;
    color: #c1af94;
    font-size: 13px;
    padding: 0 10px 0
}

.oyun-indir-aciklama span b {
    box-shadow: 0 1px 0 0 #e14343;
    font-weight: 400
}

.oyun-indir-button {
    width: 100%;
    float: left;
    height: 52px;
    margin: 15px 0 10px
}

.indirButton {
    width: 197px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/oyunindirButton.png) center center no-repeat
}

.indirButton:hover {
    background: url(../images/oyunindirButtonhover.png) center center no-repeat
}

.oyun-indir-boyut {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    color: #578037;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .27);
    font-size: 13px
}

.oyun-indir-destek {
    width: 100%;
    height: auto;
    background: #14110a;
    float: left;
    margin: 15px 0 0;
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, .1);
    text-align: center
}

.oyun-indir-destek span {
	color: #d4c6af;
    font-size: 14px;
    padding: 10px;
    /*float: left;*/
   /* margin-left: 57px;*/
}

.oyun-indir-destek span a {
    color: #a99157;
    font-style: normal
}

.oyunindirAlt {
    float: left;
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, .11);
    width: 100%;
    height: auto;
    margin-top: 40px
}

.indirAlt {
    float: left;
    padding: 20px
}

.indirAltBox {
    background: #a73d3f;
    width: 100px
}

.sagButonlar {
    width: 100%;
    float: left;
    height: auto;
    margin: 0 0 10px
}

.yeniBaslayan {
    background: url(../images/yeniOyuncuBg.html) center center no-repeat;
    width: 281px;
    height: 72px;
    float: left;
    border-radius: 4px;
    margin: 10px 0
}

.yeniBaslayan:hover {
    box-shadow: inset 0 0 0 1px #c09e87
}

.yeniBaslayan span {
    float: right;
    line-height: 72px;
    margin: 0 10px 0 0;
    color: #f1dfb4;
    font-family: libre baskerville, serif;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .32);
    display: block
}

.kullanici-paneli {
    width: 620px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    border: 1px solid #5d4b3f;
    border-radius: 4px;
    display: inline-block
}

.panelSol {
    float: left;
    width: 200px;
    color: #e8e2cc
}

.panelSag {
    float: right;
    width: 418px;
    border-left: 1px solid #5d4b3f
}

.kpanel {
    float: left;
    width: 100%
}

.kpanel li a:hover {
    background: rgba(255, 255, 255, .1)
}

.kpanel .selected {
    background: #5b554c
}

.kpanel li a {
    width: 100%;
    float: left;
    padding: 5px 10px
}

.genel-ayarlar {
    float: left;
    padding: 10px
}

.genel-ayar-table {
    width: 100%;
    float: left;
    font-size: 13px
}

.genel-ayar-table tr {
    height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, .04)
}

.genel-ayar-table tr:last-child {
    border: none
}

.genel-ayar-table tr td:first-child {
    color: #836c58;
    padding-right: 10px;
    width: 150px
}

.genel-ayar-table tr td:last-child {
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, .04);
    padding-left: 10px;
    width: 240px
}

.genel-ayar-table-2 {
    width: 100%;
    float: left;
    font-size: 13px
}

.genel-ayar-table-2 tr {
    text-align: left;
    height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, .04)
}

.genel-ayar-table-2 tr a:hover {
    color: silver
}

.genel-ayar-table-2 tr:last-child {
    border: none
}

.genel-ayar-table-2 tr th {
    color: #836c58;
    font-weight: 400;
    border-left: 1px solid rgba(255, 255, 255, .04)
}

.genel-ayar-table-2 tr th:nth-child(1) {
    border: none;
    width: 38%
}

.genel-ayar-table-2 tr th:nth-child(2) {
    padding-left: 10px;
    width: 21%
}

.genel-ayar-table-2 tr th:nth-child(3) {
    padding-left: 10px;
    width: 21%
}

.genel-ayar-table-2 tr th:nth-child(4) {
    padding-left: 10px;
    width: 20%
}

.genel-ayar-table-2 tr td {
    color: #fff;
    font-weight: 400;
    border-left: 1px solid rgba(255, 255, 255, .04)
}

.genel-ayar-table-2 tr td:nth-child(1) {
    border: none;
    width: 38%
}

.genel-ayar-table-2 tr td:nth-child(2) {
    padding-left: 10px;
    width: 21%
}

.genel-ayar-table-2 tr td:nth-child(3) {
    padding-left: 10px;
    width: 21%
}

.genel-ayar-table-2 tr td:nth-child(4) {
    padding-left: 10px;
    width: 20%
}

.guvenlik-ayarlar {
    float: left;
    padding: 10px;
    color: #fff;
    width: 100%
}

.bank-account-table {
    width: 55%;
    font-size: 13px;
    margin: 20px auto;
    border: 1px solid #836c58
}

.bank-account-table tr {
    text-align: left;
    height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, .04)
}

.bank-account-table tr:last-child {
    border: none
}

.bank-account-table tr td {
    padding-left: 10px;
    color: #fff;
    font-weight: 400;
    border-left: 1px solid rgba(255, 255, 255, .04)
}

.bank-account-table tr td:nth-child(1) {
    border: none;
    width: 35%
}

.bank-account-table tr td:nth-child(2) {
    padding-left: 10px;
    width: 65%
}

.accordion {
    float: left;
    width: 100%;
    overflow: hidden
}

.accordion li a {
    display: block;
    height: 100%;
    float: left;
    width: 100%
}

.accordion li {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 5px
}

.accordion li i {
    float: right
}

.acc-btn {
    width: 100%;
    cursor: pointer;
    font-size: 13px
}

.acc-content {
    width: 100%;
    background: #22201d;
    overflow: hidden;
    color: #afafaf;
    float: left;
    margin: 10px 0 0;
    padding: 10px;
    font-size: 13px;
    border-radius: 5px
}

.ayar-kaydet {
    float: left;
    width: 100%;
    height: 30px;
    position: relative;
    margin: 10px 0 0
}

.ayar-kaydet-btn {
    width: 150px;
    height: 100%;
    background: #5c801d;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .1), inset 0 -1px 5px 0 rgba(0, 0, 0, .28)
}

.ayar-kaydet-btn:hover {
    background: #0e5b12
}

.ayar-kaydet-btn span {
    text-align: center;
    line-height: 30px;
    width: 100%;
    float: left
}

.sifre-table {
    width: 100%;
    float: left;
    position: relative
}

.sifre-table tr {
    width: 100%;
    height: 40px
}

.sifre-table tr td:first-child {
    float: left;
    margin: 10px 0
}

.kpanel-input-sag {
    border: 1px solid #907b5c;
    background: #dfdcdb;
    outline: 0;
    padding: 5px;
    border-radius: 4px;
    color: #000
}

.kpanel-input-sag:focus {
    border-color: #972c18
}

.siralamaTablo td a {
    float: left
}

.rankiconDown {
    color: #d31417
}

.rankiconUp {
    color: #22a22d
}

.rankiconminus {
    color: #b59f88
}

.siralamaBigTable {
    width: 100%;
    float: left;
    background: #070605;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    margin-bottom: 30px;
    color: #e1ddd0;
    position: relative;
    padding: 10px
}

.siralamaBigTable table {
    width: 100%
}

.siralamaBigTable table tr {
    border-bottom: 1px solid #191513;
    font-size: 13px;
    color: #bfae8f
}

.siralamaBigTable table tr:first-child {
    background: url(../images/solBg.jpg) repeat;
    color: #000;
    font-family: libre baskerville, serif;
    color: #e9d8b2;
    border-top: 1px solid #191513;
    font-size: 14px
}

.siralamaBigTable table tr td {
    text-align: center;
    padding: 7px 0;
    border-right: 1px solid #191513
}

.siralamaBigTable table tr td:first-child {
    border-left: 1px solid #191513
}

.siralamaBigTable table tr a:hover {
    color: #e9d8b2
}

.rank-krallik {
    width: 35px;
    height: 25px;
    margin: 0 auto
}

#commentForm {}

#commentForm label {
    float: left
}

#commentForm label.error {
    color: #eddddd;
    margin: 5px 0;
    background: #bb2c2f;
    padding: 5px 8px;
    border-radius: 5px;
    position: relative;
    font-size: 13px
}

#ayarForm label.error {
    color: #eddddd;
    background: #bb2c2f;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 13px;
    position: absolute;
    width: 210px;
    z-index: 100;
    left: 150px;
    margin-top: 30px
}

#ayarForm label.error:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #bb2c2f;
    left: 20px;
    top: -7px
}

#commentForm label.error:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #bb2c2f;
    left: 30px;
    top: -10px
}

#commentForm input[type=text].error {
    border: 1px solid #ff1317
}

#commentForm input[type=password].error {
    border: 1px solid #ff1317
}

#ayarForm {
    float: left
}

.epin_payment {
    float: left
}

.sifremi-unuttum {
    width: 100%;
    float: left;
    margin: 10px 0 5px;
    font-size: 13px;
    color: #e1d9cc
}

.sifremi-unuttum a:hover {
    color: #f9d288
}

.right {
    float: right
}

.left {
    float: left
}

.server-sec {
    width: 100%;
    float: left;
    color: #efe2d9;
    font-size: 13px;
    margin: 10px 0 0
}

.login-select {
    width: 100%;
    float: left;
    margin: 5px 0;
    outline: 0;
    border: 1px solid rgba(255, 255, 255, .11);
    background: #e8e0d5;
    color: #160c05;
    padding: 5px;
    border-radius: 5px
}

.alert-box {
    display: block;
    margin: 5px;
    position: relative;
    padding: 2px;
    border-radius: 5px;
    font-size: 13px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .49)
}

.alert-box span {
    display: inline-block;
    width: 100%;
    color: #fff;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .05);
    padding: 7px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .4)
}

.success {
    background: #367420
}

.error {
    background: #ab1d20
}

.warning {
    background: #ecb618
}



.alert-success {
    background: #367420
}

.alert-error {
    background: #ab1d20
}

.alert-warning {
    background: #ecb618
}

#floatingCirclesG {
    position: relative;
    width: 35px;
    height: 35px;
    -moz-transform: scale(.6);
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.6)
}

.f_circleG {
    position: absolute;
    background-color: #1a1811;
    height: 6px;
    width: 6px;
    -moz-border-radius: 3px;
    -moz-animation-name: f_fadeG;
    -moz-animation-duration: .48s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 3px;
    -webkit-animation-name: f_fadeG;
    -webkit-animation-duration: .48s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 3px;
    -ms-animation-name: f_fadeG;
    -ms-animation-duration: .48s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 3px;
    -o-animation-name: f_fadeG;
    -o-animation-duration: .48s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 3px;
    animation-name: f_fadeG;
    animation-duration: .48s;
    animation-iteration-count: infinite;
    animation-direction: linear
}

#frotateG_01 {
    left: 0;
    top: 14px;
    -moz-animation-delay: .18s;
    -webkit-animation-delay: .18s;
    -ms-animation-delay: .18s;
    -o-animation-delay: .18s;
    animation-delay: .18s
}

#frotateG_02 {
    left: 4px;
    top: 4px;
    -moz-animation-delay: .24s;
    -webkit-animation-delay: .24s;
    -ms-animation-delay: .24s;
    -o-animation-delay: .24s;
    animation-delay: .24s
}

#frotateG_03 {
    left: 14px;
    top: 0;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

#frotateG_04 {
    right: 4px;
    top: 4px;
    -moz-animation-delay: .36s;
    -webkit-animation-delay: .36s;
    -ms-animation-delay: .36s;
    -o-animation-delay: .36s;
    animation-delay: .36s
}

#frotateG_05 {
    right: 0;
    top: 14px;
    -moz-animation-delay: .42s;
    -webkit-animation-delay: .42s;
    -ms-animation-delay: .42s;
    -o-animation-delay: .42s;
    animation-delay: .42s
}

#frotateG_06 {
    right: 4px;
    bottom: 4px;
    -moz-animation-delay: .48s;
    -webkit-animation-delay: .48s;
    -ms-animation-delay: .48s;
    -o-animation-delay: .48s;
    animation-delay: .48s
}

#frotateG_07 {
    left: 14px;
    bottom: 0;
    -moz-animation-delay: .54s;
    -webkit-animation-delay: .54s;
    -ms-animation-delay: .54s;
    -o-animation-delay: .54s;
    animation-delay: .54s
}

#frotateG_08 {
    left: 4px;
    bottom: 4px;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: #ff991c
    }
    100% {
        background-color: #1a1811
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: #ff991c
    }
    100% {
        background-color: #1a1811
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: #ff991c
    }
    100% {
        background-color: #1a1811
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: #ff991c
    }
    100% {
        background-color: #1a1811
    }
}

@keyframes f_fadeG {
    0% {
        background-color: #ff991c
    }
    100% {
        background-color: #1a1811
    }
}

.loader {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%
}

.loaderBox {
    position: absolute;
    width: 100%;
    float: left;
    margin-top: -8px
}

.siralama-top {
    width: 100%;
    float: left;
    padding: 10px 11px;
    margin: 10px 0
}

.siralama-top input {
    background: #f3e7d2;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    color: #2a1b16;
    margin-right: 5px
}

.siralama-top button {
    background: #f3e7d2;
    padding: 5px 8px;
    border-radius: 4px;
    outline: 0;
    color: #2a1b16;
    margin-bottom: -1px
}

.siralama-top button:hover {
    color: #f3e7d2;
    background: #492f26
}

.siralama-top .trbtn {
    padding: 4px 7px
}

.sirala-ozellikler {
    float: left;
    font-size: 14px;
    font-weight: 700
}

.sirala-ozellikler li {
    width: auto;
    float: left;
    text-align: center
}

.sirala-ozellikler li.selected {
    color: #f3e7d2;
    background: #492f26
}

.sirala-ozellikler li:last-child {
    margin-right: 0 !important
}

.sirala-ozellikler li span {
    float: left;
    padding: 0 5px;
    line-height: 30px
}

.sirala-ozellikler li select {
    float: left
}

.rank-text {
    float: left;
    border-radius: 4px;
    outline: 0;
    color: #2a1b16;
    padding: 3px;
    background: #f3e7d2;
    border: 1px solid #000
}

.rank-select {
    background: #f3e7d2;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    color: #2a1b16;
    margin-right: 5px
}

.ayarForm {
    width: 100%;
    float: left
}

.epin_payment {
    width: 100%;
    float: left
}

.ayarLabel {
    width: 150px;
    float: left
}

.ayarText {
    float: left;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .05);
    outline: 0;
    color: #000
}

.ayarText.error {
    background: #f9f3f3;
    border: 1px solid #cc1619
}

#ayarForm {
    width: 100%;
    float: left
}

.alt-btn {
    width: 100%;
    float: left;
    position: relative;
    height: 25px;
    margin: 5px 0
}

.alt-btn .trbtn {
    padding: 5px 7px;
    font-size: 14px;
    font-family: pt sans, sans-serif;
    background: url(../images/noisy.png) center center repeat #1a6620;
    width: 150px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

.alt-btn .trbtn:hover {
    background: url(../images/noisy.png) center center repeat #14530c
}

.tumsiralamaBtn {
    width: 100%;
    position: relative;
    float: left;
    height: 50px;
    margin-top: 10px
}

.profil-alani {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    padding: 20px;
    margin-bottom: 20px
}

.profil-icerik {
    width: 100%;
    float: left;
    height: auto
}

.profil-sol-avatar {
    width: 105px;
    float: left;
    background: #bbc422;
    height: 167px;
    background: url(../images/border-profil.png) center center no-repeat;
    position: relative
}

.profil-resim {
    width: 97px;
    height: 97px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 4px
}

.profil-ad {
    float: left;
    width: 333px;
    height: 60px;
    background: url(../images/profil-alt.png) bottom repeat-x;
    position: relative;
    padding: 10px
}

.lonca-profil-ad {
    width: 100%;
    height: 60px;
    background: url(../images/profil-alt.png) bottom repeat-x;
    position: relative;
    padding: 10px
}

.profil {
    width: 333px;
    float: left;
    height: auto
}

.lonca-profil {
    width: 500px;
    float: left;
    height: auto
}

.karakter-detay {
    margin-top: 8px;
    width: 200px;
    height: auto;
    float: left;
    display: inline-block
}

.karakter-adi {
    color: #fff;
    font-family: libre baskerville, serif;
    font-size: 18px;
    float: left
}

.class-turu {
    width: 100%;
    color: #554637;
    font-family: pt sans, sans-serif;
    font-size: 12px;
    float: left;
    line-height: 22px
}

.items {
    width: 158px;
    height: 190px;
    background: url(../images/items-border.png) center center no-repeat;
    float: left;
    position: relative
}

.items-bg {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 182px;
    background: url(../../404/index.html) center center no-repeat;
    top: 4px
}

.krallik-resim {
    width: 97px;
    height: 59px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 4px
}

.profil-main {
    width: 100%;
    height: auto;
    float: left;
    margin: 10px 0 0;
    padding: 0 20px
}

.profil-table {
    float: left;
    width: 100%
}

.profil-table table {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 22px
}

.profil-table table tr {
    height: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.profil-table table tr td:first-child {
    color: #716052;
    text-indent: 5px;
    border-right: 1px solid rgba(255, 255, 255, .05);
    width: 40%
}

.profil-table table tr td:nth-child(2) {
    color: #fff;
    padding: 0 0 0 10px
}

.karakter-seviye {
    float: right;
    width: 110px;
    height: 40px
}

.seviye-span {
    line-height: 40px;
    font-size: 12px;
    color: #fff;
    float: right
}

.seviye {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-left: 5px;
    border: 3px solid #f59f12
}

.seviye span {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #fff;
    line-height: 35px;
    font-size: 13px
}

.haber-alt {
    background: #0b0807;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    margin-top: 10px
}

.haber-alt-blog {
    width: 605px;
    float: left;
    background: #0b0807;
    margin-left: 10px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    margin-top: 10px
}


.darkbeyhaber-alt {
    background: #0b0807;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    margin-top: 10px
}

.darkbeyhaber-alt-blog {
    width: 605px;
    float: left;
    background: #0b0807;
    margin-left: 10px;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .05);
    margin-top: 10px
}




.tcolor-kirmizi {
    color: #dd1f22
}

.tcolor-sari {
    color: #ed9f0d
}

.tcolor-mavi {
    color: #28dbb1
}

.tcolor-koyumavi {
    color: #269ac5
}

.tcolor-yesil {
    color: #91d958
}

.tcolor-pembe {
    color: #e41e6e
}

.ana-sayfalama {
    width: 100%;
    float: left;
    border-top: 1px solid #322722;
    height: 30px;
    margin-top: 10px
}

.ana-sayfalar {
    margin: 0 auto;
    text-align: center;
    height: 30px;
    color: #cdb08f
}

.ana-sayfalar li {
    display: inline-block
}

.ana-sayfalar li a {
    display: block;
    padding: 10px
}

.ana-sayfalar li a:hover {
    color: #ff7206
}

.siraTable-thumb {
    height: 30px;
    margin: 0 auto;
    border-radius: 3px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .67), inset 0 0 0 1px rgba(255, 255, 255, .05)
}

.validated_form {}

.validated_form label {
    float: left
}

.validated_form label.success {
    color: #0e8418
}

.validated_form label.error {
    color: #eddddd;
    margin: 5px 0;
    background: #bb2c2f;
    padding: 5px 8px;
    border-radius: 5px;
    position: relative;
    font-size: 13px
}

.validated_form label.error:before {
    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #bb2c2f;
    left: 30px;
    top: -10px
}

.validated_form input[type=text].error {
    border: 1px solid #ff1317
}

.validated_form input[type=password].error {
    border: 1px solid #ff1317
}

.loader {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%
}

.loaderBox {
    position: absolute;
    width: 100%;
    float: left;
    margin-top: -8px
}

.information {
    background: #4fc1e9
}

.danger {
    background: #da4453
}

#recaptcha_widget_div input {
    display: inline
}

.fb-social {
    width: 100%;
    height: 239px;
    background: 0 0
}

#buyitinfo input {
    width: 220px;
    height: 35px;
    display: block;
    margin: 10px 0;
    padding: 5px 0;
    text-indent: 5px;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #988068;
    background: #d4c6af
}

#buyitinfo input:focus {
    box-shadow: 0 0 5px 0 #dd872d;
    border: 1px solid #000;
    background: #fff
}

#buyitinfo select {
    width: 220px;
    height: 35px;
    margin: 10px 0;
    padding: 5px 0;
    outline: 0;
    border-radius: 4px;
    border: 1px solid #988068;
    background: #d4c6af;
    background-origin: content-box;
    text-indent: .01px;
    text-overflow: ""
}

.guildinfo {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px
}

.guildinfo a:hover {
    color: #fff
}

.guildinfo .master-info {
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    display: block;
    text-align: center;
    width: 35%;
    margin: 20px auto;
    padding: 10px
}

.master-info .master-info-list .text-bold {
    font-size: 15px;
    font-weight: 700
}

.guild-menu {
    margin: 0 auto;
    display: block;
    color: #370f0f;
    background: #725445;
    width: 250px;
    border-radius: 4px;
    overflow: hidden;
    font-size: 15px
}

.guild-menu a {
    display: block
}

.guild-menu ul {
    height: 100%;
    float: left;
    width: 100%
}

.guild-menu li {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.guild-menu li:hover {
    background: #563e32
}

.guildinfo .master-info .text-primary {
    color: #c9a668
}

.hidden {
    display: none !important
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.charinfo {
    padding: 0 10px;
    float: left;
    color: #978e78;
    font-size: 14px;
    line-height: 25px;
    width: 645px
}

.char-info {
    background: #2a251a;
    border-radius: 4px;
    border: 1px solid #6c5938;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    display: block;
    text-align: left;
    line-height: 17px;
    max-width: 67%;
    width: auto;
    padding: 10px
}

.char-info .text-danger {
    color: #c9a668
}

.char-top-wrapper {
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    display: block;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    padding: 10px
}

.char-info .char-img {
    margin-right: 10px
}

.char-info .char-img img {
    width: 165px;
    height: auto
}

.char-info .char-info-list a:hover {
    color: #fff
}

.char-info .char-info-list ul>li {
    font-size: 16px;
    margin-bottom: 2px
}

.char-info .char-info-list .text-bold {
    font-size: 17px;
    font-weight: 700
}

.char-info-menu {
    margin: 0 auto;
    display: block;
    color: #370f0f;
    background: #725445;
    width: 80%;
    border-radius: 4px;
    overflow: hidden;
    font-size: 15px
}

.char-info-menu a {
    display: block
}

.char-info-menu ul {
    height: 100%;
    float: left;
    width: 100%
}

.char-info-menu li {
    float: left;
    width: 34%;
    height: 100%;
    text-align: center;
    line-height: 30px
}

.char-info-menu li:last-child {
    width: 32%
}

.char-info-menu li:hover {
    background: #563e32
}

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

.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-margin {
    margin-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 -.5px #000;
    color: #fff;
    padding: 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, .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
}

.progress-container {
    background: #18150f;
    border-radius: 4px;
    border: 1px solid #5b4b2f;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    width: 100%;
    height: 28px;
    position: relative
}

.progressbar {
    background: #312919;
    height: 100%;
    position: absolute;
    line-height: inherit
}

.progressbar-text {
    color: #a28553;
    margin-top: 2px;
    font-size: 16px;
    text-align: center;
    position: relative
}

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
}

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