@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.w1000 {
    width: 1000px
}

.w980 {
    width: 980px
}

.w300 {
    width: 300px
}

.fLeft {
    float: left
}

.fRight {
    float: right
}

.center {
    margin: 0 auto
}

.clear {
    clear: both
}

body {
    background-color: #000;
    background-image: url(../images/backgroundImage.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-family: trebuchet ms,Arial,Helvetica,sans-serif
}

#header {
    position: relative;
    z-index: 1
}

div#uyeEkrani img {
    width: 110px;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 15px;
}

.alert {
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid;
    border-radius: 4px;
}

.success {
    color: #4CAF50;
    background-color: #D4EDDA;
    border-color: #C3E6CB;
}

.danger {
    color: #721C24;
    background-color: #F8D7DA;
    border-color: #F5C6CB;
}

.info {
    color: #0056b3;
    background-color: #cce5ff;
    border-color: #b8daff;
}

#logo {
    background: url(../images/logo-back.png) no-repeat center top;
    display: block;
    height: 211px;
    width: 399px
}

#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 div {
    top: 40px;
    left: 45px;
    position: relative;
    font-family: beyond the mountains,serif;
    font-size: 52px;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

#logo img {
    margin: 15px 0 0 25px;
    max-height: 130px;
    max-width: 320px;
    width: auto;
    height: auto;
    -ms-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    transform: rotate(-15deg)
}

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

#footerLogo {
    background: url(../images/footerLogo.png) no-repeat center center;
    float: left;
    width: 260px;
    height: 177px
}

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

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

#footerLogo span div {
    top: 70px;
    left: 25px;
    position: relative;
    font-family: beyond the mountains,serif;
    font-size: 38px;
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

#footerLogo img {
    margin: 50px 0 0 15px;
    max-height: 120px;
    max-width: 220px;
    width: auto;
    height: auto;
    -ms-transform: rotate(-13deg);
    -webkit-transform: rotate(-13deg);
    transform: rotate(-15deg)
}

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

#header #navigasyon {
    background-image: url(../images/menuBg.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    height: 40px;
    width: 580px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-top: 25px
}

#header #navigasyon ul li {
    float: left;
    background-image: url(../images/menuParlama.png);
    background-repeat: no-repeat;
    background-position: center center
}

#header #navigasyon ul li a:link,#header #navigasyon ul li a:visited {
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #eaeaea;
    padding-right: 21px;
    padding-left: 21px;
    font-weight: 700;
    text-decoration: none;
    background-image: url(../images/menuAraCizgi.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 40px
}

#header #navigasyon ul li a:hover {
    text-shadow: 2px 2px 8px #fff
}

.pvplonca {
    background: url(../images/menuBg.jpg) repeat-x center center;
    height: 40px;
    width: 100%;
    border-radius: 6px;
    margin-top: 10px;
    overflow: hidden
}

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

.pvplonca ul li:first-child a {
    background-image: none
}

.pvplonca ul li {
    width: 25%;
    height: 100%;
    text-align: center;
    line-height: 30px;
    float: left;
    background: url(../images/menuParlama.png) no-repeat center center
}

.pvplonca ul li a {
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #eaeaea;
    padding-right: 21px;
    padding-left: 21px;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/menuAraCizgi.png) no-repeat left center;
    height: 40px
}

.pvplonca ul li a:hover {
    text-shadow: 2px 2px 8px #fff
}

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

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

ul.guild-features a {
    text-decoration: none;
    color: #fff
}

ul.guild-features a:hover {
    color: #ccc
}

.text-center {
    text-align: center
}

.text-bold,.text-bold.table td,.text-bold.table th {
    font-weight: 700
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover,a.text-primary:focus {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover,a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover,a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover,a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442;
    text-decoration: none
}

a.text-danger:hover,a.text-danger:focus {
    color: #843534
}

.lonca-profil-ad {
    background: rgba(112,0,0,.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 10px;
    border: 1px solid #900;
    -webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65)
}

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

.karakter-adi {
    color: #fff;
    font-size: 18px;
    float: left
}

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

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

.seviye {
    margin-top: 3px;
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    margin-left: 5px;
    border: 3px solid #891c00
}

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

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

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

.char-top-wrapper {
    background: #333;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    overflow: hidden;
    display: block;
    text-align: center;
    width: 100%;
    margin: 20px auto;
    padding: 10px;
    box-sizing: border-box;
    color: #ccc;
    font-size: 15px
}

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

.char-info .char-img img {
    width: 164px;
    height: 230px;
}

.char-info .char-info-list ul>li {
    margin-bottom: 3px
}

.char-info .char-info-list .text-bold {
    font-weight: 700
}

.char-unique-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
    background-color: rgba(32,32,32,.63);
    color: #c1b9b5
}

.char-unique-result table a {
    color: #fff;
    display: block;
    text-decoration: none
}

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

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

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

.char-unique-result table tr:nth-child(odd) {
    background: rgba(143,18,18,.45)
}

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

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

.char-last-unique-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
    background-color: rgba(32,32,32,.63);
    color: #c1b9b5
}

.char-last-unique-result table a {
    color: #fff;
    display: block;
    text-decoration: none
}

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

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

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

.char-last-unique-result table tr:nth-child(odd) {
    background: rgba(143,18,18,.45)
}

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

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

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

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

.char-global-result table {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
    background-color: rgba(32,32,32,.63);
    color: #c1b9b5
}

.char-global-result table a {
    color: #fff;
    display: block;
    text-decoration: none
}

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

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

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

.char-global-result table tr:nth-child(odd) {
    background: rgba(143,18,18,.45)
}

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

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

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

.guild-menu {
    background: url(../images/menuBg.jpg) repeat-x center center;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    width: 250px;
    font-size: 15px
}

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

.guild-menu ul li:first-child a {
    background-image: none
}

.guild-menu ul li {
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 30px;
    float: left;
    background: url(../images/menuParlama.png) no-repeat center center
}

.guild-menu ul li a {
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #eaeaea;
    padding-right: 21px;
    padding-left: 21px;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/menuAraCizgi.png) no-repeat left center;
    height: 40px
}

.guild-menu ul li a:hover {
    text-shadow: 2px 2px 8px #fff
}

.guild-menu ul li a.active {
    text-shadow: 2px 2px 8px #fff
}

.char-info-menu {
    background: url(../images/menuBg.jpg) repeat-x center center;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    margin: 0 auto;
    display: block;
    width: 500px;
    font-size: 15px
}

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

.char-info-menu ul li:first-child a {
    background-image: none
}

.char-info-menu ul li {
    width: auto;
    height: 100%;
    text-align: center;
    line-height: 30px;
    float: left;
    background: url(../images/menuParlama.png) no-repeat center center
}

.char-info-menu ul li a {
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #eaeaea;
    padding-right: 21px;
    padding-left: 21px;
    font-weight: 700;
    text-decoration: none;
    background: url(../images/menuAraCizgi.png) no-repeat left center;
    height: 40px
}

.char-info-menu ul li a:hover {
    text-shadow: 2px 2px 8px #fff
}

.char-info-menu ul li a.active {
    text-shadow: 2px 2px 8px #fff
}

.hidden {
    display: none!important
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

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

.siralama-top input {
    border: 1px solid #900;
    color: #999;
    -webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    background-color: #420000;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    margin-right: 5px
}

.siralama-top select {
    -webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    background-color: #420000;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    border: 1px solid #900;
    color: #999;
    margin-right: 5px
}

.siralama-top button {
    -webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    background-color: #420000;
    padding: 5px 8px;
    border-radius: 4px;
    outline: 0;
    border: 1px solid #900;
    color: #999;
    margin-bottom: -1px;
    cursor: pointer
}

.siralama-top button:hover {
    color: #a8a8a8;
    background-color: #600
}

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

#danismaHatti {
    margin-top: 5px;
    font-size: 12px;
    margin-left: -5px;
    width: 180px
}

#danismaHatti span {
    color: #ccc;
    margin-right: 3px
}

#danismaHatti p {
    color: #eaeaea;
    font-weight: 700
}

#uyeEkraniIcerik {
    margin-top: -30px
}

.fb_loginBG {
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 15px;
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(138,138,138)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#8a8a8a',GradientType=1);
    width: 85%
}

.fb_loginBG:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(219,219,219)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1);
    color: #900;
    cursor: pointer
}

.fb_login {
    background-image: url(../images/fb_login.html);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    height: 35px;
    width: 85%;
    margin-right: auto;
    margin-left: auto
}

.fb_loginBG3 {
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 15px;
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(138,138,138)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#8a8a8a',GradientType=1);
    width: 85%
}

.fb_loginBG3:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(219,219,219)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1);
    color: #900;
    cursor: pointer
}

.fb_login3 {
    background-image: url(../images/facebook_senk.html);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    height: 35px;
    width: 85%;
    margin-right: auto;
    margin-left: auto
}

.fb_loginBG4 {
    margin-right: auto;
    margin-left: auto;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 5px;
    margin-bottom: 15px;
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(255,106,106) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(255,106,106)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(255,106,106) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(255,106,106) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(255,106,106) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(255,106,106) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff6a6a',GradientType=1);
    width: 85%
}

.fb_loginBG4:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(205,38,38) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(205,38,38)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(205,38,38) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(205,38,38) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(205,38,38) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(205,38,38) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cd2626',GradientType=1);
    color: #900;
    cursor: pointer
}

.fb_login4 {
    background-image: url(../images/facebook_senk_son.html);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    height: 35px;
    width: 85%;
    margin-right: auto;
    margin-left: auto
}

#sidebar {
    width: 300px;
    margin-top: -95px;
    margin-left: 55px;
    position: relative;
    z-index: 2
}

#uyeEkrani {
    background-image: url(../images/uyeGirisBG.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 340px;
    width: 300px;
    padding-top: 100px
}

#uyeEkrani .formBlock {
    display: block
}

#uyeEkrani .input {
    margin-right: auto;
    margin-left: auto;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-box-shadow: inset 0 0 26px -2px rgba(0,0,0,.75);
    -moz-box-shadow: inset 0 0 26px -2px rgba(0,0,0,.75);
    box-shadow: inset 0 0 26px -2px rgba(0,0,0,.75);
    background-color: #500;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    color: #ccc;
    height: 35px;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: center
}

#uyeEkrani .girisBtn {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(138,138,138)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#8a8a8a',GradientType=1);
    line-height: 35px;
    color: #641400;
    text-align: center;
    height: 35px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    display: block;
    width: 85%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}

#uyeEkrani .girisBtn:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(219,219,219)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1);
    color: #900;
    cursor: pointer
}

a.girisBtn {
    text-decoration: none
}

.kayitBtn {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(138,138,138)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#8a8a8a',GradientType=1);
    line-height: 35px;
    color: #641400;
    text-align: center;
    height: 35px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    display: block;
    width: 90%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}

.kayitBtn:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(219,219,219)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1);
    color: #900;
    cursor: pointer
}

a.kayitBtn {
    text-decoration: none
}

#uyeEkrani .label {
    font-size: 13px;
    line-height: 20px;
    color: #ccc;
    text-decoration: none;
    margin-top: 3px;
    margin-bottom: 2px;
    width: 85%;
    margin-right: auto;
    margin-left: auto
}

#uyeEkrani a {
    font-size: 13px;
    color: #ccc;
    display: block;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

#uyeEkrani a:hover {
    color: #fff
}

.alisverisbtn {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(138,138,138)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#8a8a8a',GradientType=1);
    line-height: 35px;
    color: #641400;
    text-align: center;
    height: 35px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    display: block;
    width: 85%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none
}

.alisverisbtn:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(219,219,219)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1);
    color: #900;
    cursor: pointer
}

.sidebarButon {
    background-image: url(../images/sidebarButonBG.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 49px;
    line-height: 49px;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    margin-top: 20px
}

.sidebarBaslik {
    font-size: 16px;
    line-height: 35px;
    color: #ccc;
    text-decoration: none;
    height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ce0005;
    padding: 0;
    width: 85%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    text-align: center
}

.sidebarBaslikuser {
    font-size: 16px;
    line-height: 35px;
    color: #ccc;
    text-decoration: none;
    height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ce0005;
    padding: 0;
    width: 85%;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: -25px;
    margin-left: auto;
    text-align: center
}

.girisBtnGenel {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(138,138,138)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(138,138,138) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#8a8a8a',GradientType=1);
    line-height: 35px;
    color: #641400;
    text-align: center;
    height: 35px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    display: block;
    width: 40%;
    font-weight: 700;
    margin-top: -35px;
    margin-bottom: 15px;
    margin-left: 162px;
    margin-right: auto
}

.girisBtnGenel:hover {
    background: #fff;
    background: -moz-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgb(255,255,255)),color-stop(100%,rgb(219,219,219)));
    background: -webkit-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    background: radial-gradient(ellipse at center,rgb(255,255,255) 0%,rgb(219,219,219) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=1);
    color: #900;
    cursor: pointer
}

.sidebarBox {
    background: url(../images/sidebarBoxBG.png) no-repeat left top;
    height: 203px;
    width: 299px;
    margin-top: 25px;
    padding-top: 10px;
    margin-right: auto;
    margin-left: auto;
    color: #fff
}

.sidebarBox-new {
    background: url(../images/sidebarBoxBG2.png) repeat left top;
    height: auto;
    width: 299px;
    margin: 25px 0;
    padding: 10px 0;
    color: #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 62px 1px rgba(0,0,0,.27);
    -moz-box-shadow: inset 0 0 62px 1px rgba(0,0,0,.27);
    box-shadow: inset 0 0 62px 1px rgba(0,0,0,.27)
}

.widget-fortress .fortress {
    font-size: 14px;
    margin-bottom: 35px;
    padding-left: 10px
}

.widget-fortress .fortress a {
    text-decoration: none;
    color: #ddd
}

.widget-fortress .fortress a:hover {
    color: #ccc
}

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

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

.widget-fortress .fortress .guildtax {
    padding-top: 1px;
    font-size: 13px;
    text-align: right
}

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

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

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

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

#online {
    background-image: url(../images/cevrimIciBG.png);
    background-repeat: no-repeat;
    height: 96px;
    width: 237px;
    margin-top: 25px;
    position: relative;
    color: #fff
}

.eu {
    position: relative;
    left: 22px;
    top: 45px;
    display: block;
    width: 35px;
    text-align: center
}

.ch {
    position: relative;
    top: 15px;
    display: block;
    width: 35px;
    text-align: center;
    right: 22px
}

.cevrimiciSayi {
    position: relative;
    top: 9px;
    display: block;
    text-align: center;
    right: 18px
}

.oyuncuPlayer{
	display: inline-block;
	top: 26px;
    position: relative;
    font-size: 13px;
    left: 44px;
}

.cevrimiciYazi {
    font-size: 13px;
    color: #ccc
}

#sidebar #fortressWar ul li {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 20px
}

#sidebar #fortressWar ul li img {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    height: 20px;
    line-height: 25px;
    padding-top: 2px;
    width: 20px;
    display: block;
    float: left;
    margin-right: 5px
}

#sidebar #fortressWar ul li a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 25px;
    line-height: 20px;
    padding-left: 25px
}

#sidebar #etkinlikTakvimi ul li {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 20px;
    line-height: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #900
}

#uyeEkrani p {
    text-align: center;
    line-height: 25px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
}

.uniqueRankBtn {
    background-image: url(../images/uniqueRankBtn.html);
    background-repeat: no-repeat;
    height: 60px;
    width: 297px;
    text-indent: -9999px;
    display: block;
    margin-top: 20px
}

.uniqueRankBtn:hover {
    opacity: .8
}

#container {
    width: 610px;
    margin-top: -85px;
    position: relative;
    z-index: 2
}

#ikinciMenu {
    height: 65px;
    background-image: url(../images/menuBg2.jpg);
    background-repeat: repeat-x;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#ikinciMenu ul li {
    float: left
}

#ikinciMenu ul li a {
    background-repeat: no-repeat;
    display: block;
    height: 52px;
    width: 74px;
    margin-left: 12px;
    margin-top: 6px;
    text-indent: -9999px
}

#ikinciMenu ul li a.market {
    background-position: 0 0
}

#ikinciMenu ul li a.download {
    background-position: -89px 0
}

#ikinciMenu ul li a.tlYukle {
    background-position: -178px 0
}

#ikinciMenu ul li a.ranklar {
    background-position: -263px 0
}

#ikinciMenu ul li a.rehber {
    background-position: -348px 0
}

#ikinciMenu ul li a.galeri {
    background-position: -435px 0
}

#ikinciMenu ul li a.facebook {
    background-position: -521px 0
}

#ikinciMenu ul li a.market:hover {
    background-position: 0 -52px
}

#ikinciMenu ul li a.download:hover {
    background-position: -89px -52px
}

#ikinciMenu ul li a.tlYukle:hover {
    background-position: -178px -52px
}

#ikinciMenu ul li a.ranklar:hover {
    background-position: -263px -52px
}

#ikinciMenu ul li a.rehber:hover {
    background-position: -348px -52px
}

#ikinciMenu ul li a.galeri:hover {
    background-position: -435px -52px
}

#ikinciMenu ul li a.facebook:hover {
    background-position: -521px -52px
}

#slider {
    width: 610px;
    height: 345px;
    margin-top: 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #900;
    overflow: hidden
}

.haberBoxBg {
    -moz-box-shadow: inset 0 0 15px 15px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 15px 15px rgba(0,0,0,.3);
    box-shadow: inset 0 0 15px 15px rgba(0,0,0,.2);
    margin-top: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 25px;
    background-color: rgba(51,51,51,.8)
}

.haberBox {
    width: 580px;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px
}

.haberBox h3 a,.haberBox h3 {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    margin-right: auto;
    margin-left: auto;
    font-weight: 700;
    text-align: center
}

.haberBox h6 a,.haberBox h6 {
    font-size: 13px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 30px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    font-weight: 700
}

.haberKucukResim {
    float: left;
    height: 94px;
    width: 167px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
	border: 1px solid #268889;
	background-color: #42000087;
}

.haberBox p {
    font-size: 12px;
    color: #ccc;
    line-height: 16px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px
}

.haberBox p img {
    vertical-align: middle;
    display: block;
    max-width: 100%;
    height: auto
}

.haber-info {
    display: block;
    clear: both;
    overflow: hidden
}

.devamButon {
    background-color: #900;
    height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
    float: right;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    opacity: .8
}

.devamButon:hover {
    opacity: 1;
    color: #fff
}

.publish-date {
    color: rgb(255, 255, 255);
    padding-right: 10px;
    padding-left: 10px;
    opacity: .8;
    height: 30px;
    font-size: 12px;
    margin-left: 5px;
    line-height: 30px;
    background-color: #219da0;
    float: right;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    clear: right
}

#sayfalama ul {
    width: 125px;
    margin-right: auto;
    margin-left: auto
}

#sayfalama ul li {
    float: left
}

#sayfalama ul li a {
    color: #ccc;
    font-size: 13px;
    text-decoration: none;
    width: 65px;
    text-align: center;
    display: block;
    height: 30px;
    line-height: 30px
}

#sayfalama ul li a.aktif {
    background-color: #900
}

#oyunKurallari ul li {
    color: #ccc;
    line-height: 30px;
    text-decoration: none;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    border-bottom: 1px dashed #666;
    font-size: 12px;
    padding-left: 25px
}

#SSS ul li a,#yardim ul li a {
    color: #ccc;
    line-height: 30px;
    text-decoration: none;
    display: block;
    height: 30px;
    margin-top: 3px;
    margin-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #666;
    font-size: 12px;
    background-image: url(../images/liIkon.html);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px
}

#SSS ul li a:hover,#yardim ul li a:hover {
    color: #fff;
    text-decoration: underline
}

#iletisim ul li,#kayitOl ul li {
    font-size: 13px;
    line-height: 18px;
    color: #ccc;
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #666
}

#iletisim {
    color: #fff;
    text-align: center
}

#iletisim a {
    color: red;
    text-decoration: none
}

#iletisim div {
    margin-bottom: 10px
}

.downloadBox {
    width: 217px;
    background: #333;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    float: left;
    text-align: center;
    color: #ccc;
    font-size: 14px;
    height: 240px;
    -webkit-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    position: relative;
    z-index: 1;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 20px
}

.downloadBtn {
    position: absolute;
    background-image: url(../images/downloadBtn.html);
    background-repeat: no-repeat;
    height: 74px;
    width: 278px;
    left: -15px;
    z-index: 2;
    text-indent: -9999px;
    bottom: 25px
}

.formBlock1 {
    display: block;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #ccc;
    font-size: 13px;
    font-weight: 700;
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    line-height: 30px
}

.formInput1 {
    width: 350px;
    float: right;
    border: 1px solid #900;
    height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 30px;
    color: #999;
    -webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    background-color: #420000;
    padding-left: 10px
}

.formInputadt {
    width: 40px;
    border: 1px solid #900;
    height: 30px;
    margin-left: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
    line-height: 30px;
    color: #999;
    -webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    background-color: #420000;
    padding-left: 10px
}

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

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

ul.rankings-nav>li>a {
    font-size: 13px;
    width: 100%;
    display: block;
    padding: 5px;
    line-height: 32px;
    border-bottom: 3px solid #420000;
    color: #fff;
    text-decoration: none
}

ul.rankings-nav>li>a:hover {
    border-bottom: 3px solid #700000
}

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

ul.rankings-nav>li>a:hover>span.img {
    border: 1px solid #8b0000
}

ul.rankings-nav>li.active>a>span.img {
    border: 1px solid #9f0000
}

ul.rankings-nav>li>a>span.img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
    border-radius: 4px;
    border: 1px solid #630000;
    display: inline-block;
    color: transparent;
    text-shadow: none;
    box-shadow: inset 0 0 5px #000,inset 0 0 0 1px #000,0 1px 1px #000
}

ul.rankings-nav>li>a>span.img.char {
    background: url(../images/rankings-thumbnails.jpg) top center;
    background-size: 32px
}

ul.rankings-nav>li>a>span.img.guild {
    background: url(../images/rankings-thumbnails.jpg) center -32px;
    background-size: 32px
}

ul.rankings-nav>li>a>span.img.job {
    background: url(../images/rankings-thumbnails.jpg) center -64px;
    background-size: 32px
}

ul.rankings-nav>li>a>span.img.unique {
    background: url(../images/rankings-thumbnails.jpg) center -96px;
    background-size: 32px
}

.rankings-cont {
    box-shadow: 0 5px 15px #000,inset 0 1px 0 #000,0 1px 1px 1px #000;
    background: url(../images/gradient.png) repeat-x top;
    border-top: 1px solid #302a21;
    margin-top: 15px
}

.table-rankings {
    margin-top: 5px
}

.table-rankings>thead>tr {
    font-weight: 700;
    text-shadow: 0 2px 1px #000;
    color: #fff;
    border-bottom: 1px solid #84632b;
    text-align: center
}

.table-rankings>tbody>tr {
    border-bottom: 1px solid #1a1815;
    text-align: center
}

.table-rankings>tbody>tr a {
    font-weight: 700
}

.table-rankings>tbody>tr:nth-child(odd) {
}

.table-rankings>tbody>tr:hover {
    background: #100f0d
}

.table-rankings>tbody>tr>td {
    border-top: 0;
    padding: 12px 5px;
    vertical-align: middle
}

.table-rankings>tbody>tr>td>img {
    vertical-align: top
}

.rank-img {
    width: 100%;
    height: 85px;
    box-shadow: inset 0 0 15px #000,inset 0 0 0 1px #000,0 1px 1px #000;
    padding: 5px 10px;
    display: block;
    color: #fff;
    font-family: serif;
    font-size: 22px;
    line-height: 24px;
    text-shadow: 0 1px 3px #000;
    margin-bottom: 0;
    margin-top: 25px;
    border: 1px solid #483a30;
    border-radius: 4px
}

.rank-img.rank-img-chars {
    background: url(../images/rank-chars.jpg) center top;
    background-size: cover
}

.rank-img.rank-img-guilds {
    background: url(../images/rank-guilds.jpg) center top;
    background-size: cover
}

.rank-img.rank-img-jobs {
    background: url(../images/rank-jobs.jpg) center top;
    background-size: cover
}

.rank-img.rank-img-uniques {
    background: url(../images/rank-uniques.jpg) center top;
    background-size: cover
}

.rank-img.rank-img-menu {
    background: url(../images/mini-bg1.png) center top;
    background-size: cover
}

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

.tcolor-kirmizi {
    color: #dd1f22
}

.tcolor-sari {
    color: #ed9f0d
}

.tcolor-mavi {
    color: #28dbb1
}

.tcolor-koyumavi {
    color: #269ac5
}

.tcolor-yesil {
    color: #91d958
}

.tcolor-pembe {
    color: #e41e6e
}

.bank-account-table {
    width: 55%;
    font-size: 14px;
    margin: 20px auto;
    border: 1px solid #870d0d
}

.bank-account-table tr {
    text-align: left;
    height: 30px;
    border-bottom: 1px solid #5e0909
}

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

.bank-account-table tr td {
    padding: 10px;
    color: #fff;
    font-weight: 400;
    border-left: 1px solid #5e0909
}

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

.bank-account-table tr td:nth-child(2) {
    width: 65%
}

.download-box {
    width: 217px;
    background: #333;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    color: #ccc;
    font-size: 14px;
    -webkit-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    position: relative;
    z-index: 1;
    margin: 20px 20px 10px;
    text-align: center;
    padding: 15px 15px 20px
}

.download-box hr {
    margin: 20px 0
}

.download-box h4 {
    margin: 10px 0 20px
}

.download-box i:not(.fa-calendar) {
    font-size: 90px;
    text-align: center
}

.download-box:hover i:not(.fa-calendar) {
    color: #790b0b;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.olayBtn {
    background-image: url(../images/olayBtn.html);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 42px;
    width: 553px;
    text-align: center;
    line-height: 42px;
    color: #ccc;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px
}

ul.tabloBaslikBg {
    background-image: url(../images/tabloBaslikBg.html);
    background-repeat: repeat-y;
    height: 42px;
    overflow: hidden
}

ul.tabloBaslikBg li {
    float: left;
    line-height: 42px;
    color: #fff;
    display: block;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    margin: 1px
}

ul.tabloIc li {
    float: left;
    line-height: 30px;
    color: #ccc;
    display: block;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #414141
}

ul.tabloIc:hover {
    float: left;
    color: #fff;
    text-align: center;
    background-color: #202020
}

.onlineTablo {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
    background-color: rgba(32,32,32,.63)
}

.onlineTablo a {
    color: #fff;
    display: block;
    text-decoration: none
}

.onlineTablo a:hover {
    color: #ccc
}

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

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

.onlineTablo td {
    padding: 5px
}

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

.onlineTablo tr:nth-child(odd) {
    background: rgba(143,18,18,.45)
}

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

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

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

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

.ranking-tables {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
    background-color: rgba(32,32,32,.63);
    color: #c1b9b5
}

.ranking-tables a {
    color: #fff;
    display: block;
    text-decoration: none
}

.ranking-tables a:hover {
    color: #ccc
}

.ranking-tables tr {
    text-align: center;
    border-bottom: 1px solid #1e1e1e;
    color: #c1b9b5;
    font-size: 13px
}

.ranking-tables tr:nth-child(1) {
    color: #b3ada9;
    font-size: 13px
}

.ranking-tables td {
    padding: 10px 5px;
    border-right: 1px solid #1e1e1e
}

.ranking-tables tr:nth-child(odd) {
    background: rgba(143,18,18,.45)
}

.ranking-tables td:last-child {
    border-right: none
}

.marketBuyTablo {
    border-bottom: none;
    float: left;
    width: 100%;
    height: auto;
    background-color: rgba(32,32,32,.63);
    font-size: 15px
}

.marketBuyTablo tr {
    text-align: center;
    border-bottom: 1px solid #1e1e1e;
    color: #c1b9b5
}

.marketBuyTablo td {
    padding: 15px
}

.marketBuyTablo td img {
    position: relative;
    top: -6px;
    margin-bottom: -15px
}

.marketBuyTablo td:nth-child(1) {
    text-align: left;
    padding-left: 10px
}

.marketBuyTablo tr:nth-child(odd) {
    background: rgba(143,18,18,.45)
}

.marketBuyTablo td:nth-child(1) {
    width: 35%;
    border-right: 1px solid #1e1e1e
}

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

.corner-box {
    display: inline-block;
    background: #333;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    text-align: center;
    color: #ccc;
    font-size: 14px;
    -webkit-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    width: 164px;
    height: auto;
    overflow: hidden;
    padding: 7px 10px;
    margin: 0 10px 10px 0
}

#market-items .corner-box:nth-of-type(3n+0) {
    margin-right: 0!important
}

.corner-box>h4 {
    color: #f3e6d0;
    text-shadow: 0 1px 2px #000;
    margin: 10px 0 3px
}

.corner-box .item-image {
    border: 1px solid #900;
    -webkit-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    margin: 5px auto;
    width: 48px;
    height: 48px
}

.corner-box .item-image div {
    width: 48px;
    height: 48px
}

.corner-box .item-name {
    text-align: center;
    margin: 15px 0;
    font-size: 16px
}

.corner-box .item-price {
    text-align: center;
    margin: 10px 0;
    font-weight: 500;
    font-size: 14px
}

.corner-box .item-buy {
    margin-bottom: 10px
}

.sira {
    text-align: center;
    width: 50px
}

.mesaj {
    text-align: center;
    width: 230px
}

.karakterdsx {
    text-align: center;
    width: 90px
}

.sira2 {
    text-align: center;
    width: 50px
}

.guilad {
    text-align: center;
    width: 135px
}

.guildbaskan {
    text-align: center;
    width: 135px
}

.guildbaskan2 {
    text-align: center;
    width: 125px
}

.guildbaskan4 {
    text-align: center;
    width: 100px
}

.bilgiilk {
    text-align: center;
    padding: 5px;
    color: #545454;
    width: 98%;
    height: 43px;
    margin: 0 auto;
    list-style: none
}

.bosu {
    background-color: #efefef;
    border-top: 2px solid #dedede;
    border-bottom: 2px solid #dedede
}

.bilgu {
    background-color: #f7fafd;
    border-top: 4px solid #b5d3ff;
    border-bottom: 4px solid #b5d3ff;
    margin-top: 4px
}

.tamamlandu {
    background-color: #d7f7c4;
    border-top: 2px solid #82cb2f;
    font-size: 12px;
    border-bottom: 2px solid #82cb2f
}

.hatu {
    background-color: #ffcdd1;
    border-top: 2px solid #e10c0c;
    font-size: 12px;
    border-bottom: 2px solid #e10c0c
}

select.selectnewstyle {
    font-size: 15px;
    background-color: #e8e8e8;
    color: #00008b;
    padding: 5px 15px;
    border: 1px solid #4169e1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px;
    line-height: 11px
}

span.selectnewstyle.changed {
    background-color: #f0dea4
}

.kapasite {
    text-align: center;
    width: 75px
}

.kapasite44 {
    text-align: center;
    width: 1px
}

.kapasite2 {
    text-align: center;
    width: 150px
}

.tarih {
    text-align: center;
    width: 162px
}

ul.tabloIc li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

ul.tabloIc li a:hover {
    text-decoration: underline
}

ul.tabloIc li a img {
    height: 22px;
    width: 18px;
    margin-top: 5px;
    display: block;
    float: left;
    margin-left: 6px
}

.odemeFormInput {
    height: 30px;
    width: 185px;
    border: 1px solid #900;
    background-color: #420000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 10px;
    color: #ccc;
    text-decoration: none;
    line-height: 30px;
    margin-right: 10px
}

.odemeBtn {
    background-image: url(../images/odemeBtn.html);
    background-repeat: no-repeat;
    height: 40px;
    width: 130px;
    font-size: 12px;
    color: #ccc;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-left: 30px;
    text-align: right
}

.odemeBtn:hover {
    opacity: .8
}

.hesapBg {
    font-size: 13px;
    color: #fff;
    padding: 7px;
    width: 250px;
    -webkit-box-shadow: inset 0 0 176px 0 rgba(138,0,0,.61);
    -moz-box-shadow: inset 0 0 176px 0 rgba(138,0,0,.61);
    box-shadow: inset 0 0 176px 0 rgba(138,0,0,.61);
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px
}

.hesapBg ul li {
    font-size: 13px;
    line-height: 25px;
    display: block;
    height: 25px;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #900;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px
}

.bankLogoBG {
    padding: 10px;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #c40000;
    background: -moz-radial-gradient(center,ellipse cover,rgba(196,0,0,1) 0%,rgba(69,0,0,1) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(196,0,0,1)),color-stop(100%,rgba(69,0,0,1)));
    background: -webkit-radial-gradient(center,ellipse cover,rgba(196,0,0,1) 0%,rgba(69,0,0,1) 100%);
    background: -o-radial-gradient(center,ellipse cover,rgba(196,0,0,1) 0%,rgba(69,0,0,1) 100%);
    background: -ms-radial-gradient(center,ellipse cover,rgba(196,0,0,1) 0%,rgba(69,0,0,1) 100%);
    background: radial-gradient(ellipse at center,rgba(196,0,0,1) 0%,rgba(69,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40000',endColorstr='#450000',GradientType=1)
}

#uyeBilgi {
    -webkit-box-shadow: inset 0 0 176px 0 rgba(138,0,0,.61);
    -moz-box-shadow: inset 0 0 176px 0 rgba(138,0,0,.61);
    box-shadow: inset 0 0 176px 0 rgba(138,0,0,.61);
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 20px;
    border: 1px solid #900
}

.islemBg {
    background-image: url(../images/profilimBtnBG.html);
    height: 87px;
    width: 182px;
    float: left;
    text-align: center;
    padding-top: 15px;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.islemBg:hover {
    opacity: .8
}

.işlem a img {
    width: 30px;
    height: 30px;
    display: block
}

.form-wrapper input {
    background: #111;
    border-radius: 3px 0 0 3px;
    border: 0;
    font: 700 15px;
    color: #ccc;
    height: 20px;
    padding: 10px 5px;
    width: 458px;
    margin: 0 auto
}

.form-wrapper input:focus {
    background: #666;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    outline: 0
}

.form-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
    font-weight: 400
}

.form-wrapper input:-moz-placeholder {
    color: #999;
    font-style: italic;
    font-weight: 400
}

.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-style: italic;
    font-weight: 400
}

.form-wrapper button {
    border-radius: 0 10px 10px 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    float: right;
    height: 40px;
    overflow: visible;
    padding: 0;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    text-transform: uppercase;
    width: 110px;
    font-size: 15px;
    line-height: 40px;
    font-weight: 700;
    background-color: #900
}

#karakterBg {
    -webkit-box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    -moz-box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px
}

#karakter {
    padding: 15px;
    height: 228px;
    width: 170px;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    -moz-box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    font-size: 14px;
    line-height: 25px;
    color: #ccc;
    text-decoration: none
}

#guildskarakter {
    padding: 15px;
    height: 248px;
    width: 190px;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    -moz-box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    box-shadow: inset 0 0 76px 0 rgba(0,0,0,.75);
    font-size: 14px;
    line-height: 25px;
    color: #ccc;
    text-decoration: none
}

.item ul li img {
    display: block;
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 3px;
    margin-left: 20px;
    position: relative;
    z-index: 5
}

.avatar ul li {
    display: block;
    height: 34px;
    width: 34px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: left
}

.ortalama {
    width: 440px;
    margin-right: auto;
    margin-left: auto
}

.tablo td {
    font-size: 13px;
    line-height: 25px;
    color: #ccc;
    text-decoration: none;
    border: 1px solid #900;
    padding-right: 12px;
    padding-left: 10px
}

.tablo1 td {
    font-size: 12px;
    line-height: 25px;
    color: #ccc;
    text-decoration: none;
    border: 1px solid #900;
    padding-right: 2px;
    padding-left: 2px;
    letter-spacing: -1px;
    word-spacing: normal
}

.tablo1 td a {
    line-height: 25px;
    color: #ccc;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
    letter-spacing: -1px;
    word-spacing: normal
}

tr {
    padding-top: 10px;
    padding-bottom: 10px
}

.tabloBaslikBg1 p {
    font-size: 13px;
    line-height: 30px;
    font-weight: 700;
    color: #ccc;
    text-decoration: none;
    background-image: url(../images/tabloBaslikBg1.html);
    background-repeat: no-repeat;
    text-align: center;
    height: 35px;
    width: 578px;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer
}

.fileUpload {
    position: relative;
    overflow: hidden;
    float: left;
    border: 1px solid #900;
    background-repeat: repeat;
    background-position: center center;
    height: 12px;
    width: 150px;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(66,0,0,.8);
    padding: 10px
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.uploadBtn {
    height: 26px;
    color: #fff;
    background-color: #900;
    font-size: 13px;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 34px;
    background-image: url(../images/upload.html);
    background-repeat: no-repeat;
    background-position: left center
}

.fileUpload span {
    color: #ccc;
    font-size: 13px;
    text-decoration: none;
    padding-left: 40px;
    background-image: url(../images/upload.html);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    height: 25px;
    line-height: 25px;
    margin-top: -5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

select.CharList {
    padding: 7px;
    display: block;
    background-color: rgba(153,0,0,.6);
    border: 1px solid #900;
    color: #fff;
    font-size: 13px;
    text-decoration: none
}

option {
    padding: 2px;
    background-color: rgba(153,0,0,.2);
    border: 1px solid #900;
    color: #fff;
    font-size: 13px;
    text-decoration: none
}

.profilBaslik {
    background-image: url(../images/profilIcon.html);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 36px
}

.onoffswitch {
    position: relative;
    width: 102px;
    margin-left: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #b5b5b5;
    border-radius: 26px
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin .3s ease-in 0s;
    -webkit-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s
}

.onoffswitch-inner:before,.onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 32px;
    padding: 0;
    line-height: 32px;
    font-size: 15px;
    color: #fff;
    font-family: Trebuchet,Arial,sans-serif;
    font-weight: 700;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.onoffswitch-inner:before {
    content: "AÇIK";
    padding-left: 9px;
    background-color: #0fba2b;
    color: #fff
}

.onoffswitch-inner:after {
    content: "KAPALI";
    padding-right: 9px;
    background-color: #f20303;
    color: #fcfcfc;
    text-align: right
}

.onoffswitch-switch {
    display: block;
    width: 22px;
    margin: 5px;
    background: #fff;
    border: 2px solid #b5b5b5;
    border-radius: 26px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 66px;
    -moz-transition: all .3s ease-in 0s;
    -webkit-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}

#footerWrapper {
    background-image: url(../images/footerWrapperBG.jpg);
    background-repeat: repeat-x;
    height: 177px;
    width: 100%;
    background-position: bottom
}

#footer {
    background-image: url(../images/footerWrapperBG1.jpg);
    background-repeat: repeat-x;
    height: 177px;
    background-position: bottom;
    color: #ccc;
    font-size: 13px
}

#footerMenu {
    background-image: url(../images/menuBg.jpg);
    background-repeat: repeat-x;
    background-position: center center;
    height: 40px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    float: right;
    width: 720px;
    margin-top: 46px
}

#footerMenu ul li {
    float: left;
    background-image: url(../images/menuParlama.png);
    background-repeat: no-repeat;
    background-position: center center
}

#footerMenu ul li a:link,#footerMenu ul li a:visited {
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #eaeaea;
    padding-right: 22px;
    padding-left: 22px;
    font-weight: 700;
    text-decoration: none;
    background-image: url(../images/menuAraCizgi.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 40px
}

#footerMenu ul li a:hover {
    text-shadow: 2px 2px 8px #fff
}
#idSelectValue{
	-webkit-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    box-shadow: inset 0 0 112px -19px rgba(0,0,0,.65);
    background-color: #420000;
    padding: 5px;
    border-radius: 4px;
    outline: 0;
    border: 1px solid #900;
    color: #999;
    margin-right: 5px;
	margin-top: 6px;
	margin-left: 30px;
}
#copyright {
    font-size: 15px;
    width: 535px;
    height: 57px;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 15px;
    border-right: 1px solid #333;
    border-left: 1px solid #333
}

#copyright a {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    color: #8f1212
}

#sosyalMedya {
    width: 150px;
    height: 57px;
    padding: 5px;
    float: left;
    margin-top: 15px
}

#sosyalMedya ul li a {
    float: left;
    height: 42px;
    width: 42px;
    display: block;
    background-image: url(../images/sosyalMedyaIcons.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-right: 3px;
    margin-left: 3px;
    opacity: .4
}

#sosyalMedya ul li a:hover {
    opacity: 1
}

#sosyalMedya ul li a.facebook {
    background-position: 0 0
}

#sosyalMedya ul li a.twitter {
    background-position: -49px 0
}

#sosyalMedya ul li a.youtube {
    background-position: -96px 0
}

.urunBgBar {
    background-image: url(../images/urunBGbar.html);
    background-repeat: no-repeat;
    position: absolute;
    margin-left: 100px;
    margin-top: 5px
}

.Ch {
    background-position: 0 0;
    height: 22px;
    width: 32px
}

.Sun {
    background-position: 0 0;
    height: 22px;
    width: 32px
}

.as {
    background-position: 0 0;
    height: 22px;
    width: 32px
}

.box {
    border-radius: 6px;
    -moz-box-shadow: inset 0 0 10px #bababa;
    -webkit-box-shadow: inset 0 0 10px #bababa;
    box-shadow: inset 0 0 10px #bababa;
    margin-bottom: 20px;
    padding: 10px;
    width: 625px
}

.CSSTableGenerator {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #000;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.CSSTableGenerator table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

.CSSTableGenerator tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.CSSTableGenerator table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0
}

.CSSTableGenerator table tr:first-child td:last-child {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0
}

.CSSTableGenerator tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}

.CSSTableGenerator td {
    vertical-align: middle;
    background-color: #29292b;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    text-align: left;
    padding: 7px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 400;
    color: #000
}

.CSSTableGenerator tr:last-child td {
    border-width: 0 1px 0 0
}

.CSSTableGenerator tr td:last-child {
    border-width: 0 0 1px
}

.CSSTableGenerator tr:last-child td:last-child {
    border-width: 0
}

.CSSTableGenerator tr:first-child td {
    background: -o-linear-gradient(bottom,#4c4c4c 5%,#000000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#4c4c4c),color-stop(1,#000000));
    background: -moz-linear-gradient(center top,#4c4c4c 5%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c",endColorstr="#000000");
    background: -o-linear-gradient(top,#4c4c4c,000000);
    background-color: #4c4c4c;
    border: 0 solid #000;
    text-align: center;
    border-width: 0 0 1px 1px;
    font-size: 14px;
    font-family: Arial;
    font-weight: 700;
    color: #fff
}

.CSSTableGenerator tr:first-child:hover td {
    background: -o-linear-gradient(bottom,#4c4c4c 5%,#000000 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#4c4c4c),color-stop(1,#000000));
    background: -moz-linear-gradient(center top,#4c4c4c 5%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c",endColorstr="#000000");
    background: -o-linear-gradient(top,#4c4c4c,000000);
    background-color: #4c4c4c
}

.CSSTableGenerator tr:first-child td:first-child {
    border-width: 0 0 1px
}

.CSSTableGenerator tr:first-child td:last-child {
    border-width: 0 0 1px 1px
}

.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 {
    text-decoration: none;
    display: block;
    color: #ccc
}

.siralamaTablo a:hover {
    color: #ddd
}

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

.siralamaTablo tr:nth-child(1) {
    color: #e2e2e2;
    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
}

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

.schedule-table tr:hover {
    background-color: transparent
}

.schedule-table td {
    padding: 5px
}

.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;
    font-size: 14px
}

.stats-table tr:hover {
    background-color: transparent
}

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

.master-info-container {
    text-align: center;
    padding: 20px 0 5px;
    margin: 5px 0 20px;
    color: #ccc;
    font-size: 14px
}

.master-info {
    width: 170px;
    padding: 10px 20px;
    margin: 0 auto;
    background: #333;
    border: 1px solid #900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    -moz-box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65);
    box-shadow: inset 0 0 128px -3px rgba(0,0,0,.65)
}

.master-info-list ul>li {
    padding: 3px
}

.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: 210px;
    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
}

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

.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
}
.active-status {
    color: #28d828;
    font-weight: bold;
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}