/* 
    Document   : style
    Created on : 2013-05-31, 09:30:57
    Author     : viperoo
    Description:
        Purpose of the stylesheet follows.
*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
/*@import url(http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,cyrillic-ext,greek-ext,latin-ext);*/
@font-face {
    font-family: 'Didact Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Didact Gothic'), local('DidactGothic'), url(http://themes.googleusercontent.com/static/fonts/didactgothic/v4/v8_72sD3DYMKyM0dn3LtWv14hKGV9-A351let94U3sg.woff) format('woff');
}
@font-face {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    src: local('Century Gothic'), local('CenturyGothic'), url('../fonts/Century Gothic.ttf') format('woff');
}
@font-face {
    font-family: 'Marcellus SC';
    font-style: normal;
    font-weight: 400;
    src: local('Marcellus SC'), local('MarcellusSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/marcellussc/v1/_jugwxhkkynrvsfrxVx8gXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#xhrform input {
    color: #660000;
    font-family: "Didact Gothic";
}


body {
    font-size: 16px;
    background-image: url('../img/bcg.png');
    background-repeat:repeat-x;
    background-color: #000;
    margin: 0px;
    font-family: "Arial", "Tahoma", "Verdana", "Apple-Gothic", sans-serif;
    padding: 0px;

}

.green {
    color: #095709;
    padding: 0px;
    display: inline;
    margin: 0px;
}

.red {
    color: #5C1818;
    padding: 0px;
    margin: 0px;display: inline;
}

#content .nag .premium a {
    color: red; 
}

img {
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
}
ul {
    list-style-type: none;
}
.hidden {
    display: none;
}
#container {width: 1200px; margin: 0 auto; }


#header {
    display: block;

    background-image: url('../img/header2.png');
    background-repeat: no-repeat;
    height: 385px;

}

#is-header {
    display: block;
    background-image: url('../img/is-header.png');
    background-repeat: no-repeat;
    height: 385px;

}

#menu {
    float: left;
    width: 240px;
}

#content {
    float: left;
    width: 620px;
}



.main-admin {
    background: rgba(0, 0, 0, 0.506);
    padding: 10px;
    border-radius: 5px;
    margin: 2px;
    color: #BD9329;
    cursor: pointer;
}

.main-cloud-third {
    background: rgba(0, 0, 0, 0.506);
    border-radius: 17px;
    color: #BD9329;
    display: inline-block;
    /*clear: both;*/
    width: 130px; 
    /*height: 35px;*/
    margin: 3px;
    text-align: center;

}

.main-guilds-wars {
    font-size: 16px;
    padding-top: 20px;

}

#content .text .main-guilds-wars a {
    color: #000;
}
.main-cloud-third .desc {
    font-size: 12px;
    height: 14px;width: 130px;
    padding: 0px;
    margin: 0px;
}

.main-cloud-third .medium {
    padding: 5px;
    font-size: 20px;

    /*padding: 0px;*/
    margin: 0px;
}
#menu img {
    padding: 0px;
    margin: 0px;
}

#menu-is img {
    padding: 0px;
    margin: 0px;
}

#menu ul {
    padding-left: 30px;
    margin: 0px;

}

#menu-is {
    float: left;
    width: 240px;
}
#menu .fix {
    padding-bottom: 15px; margin-top: -8px;
}
#menu .bottom {
    background-image: url('../img/menu_bottom.png');
    background-repeat: no-repeat;
    margin-top: -3px;
    padding:  50px 5px 0px;
}

#menu-is ul {
    padding-left: 30px;
    margin: 0px;

}
#menu-is .fix {
    padding-bottom: 15px; margin-top: -8px;
}
#menu-is .bottom {
    background-image: url("../img/rank_bottom.png");
    background-repeat: repeat-y;
    /*margin-left: -9px;*/
    padding: 54px;
    margin-top: -3px;
}


.rank_header {
    background-image: url('../img/rank_head.png');
    background-repeat: no-repeat;
    padding-bottom: 17px;
    padding-left: 35px;
    padding-top: 75px;
    margin-top: -38px;
    margin-left: -10px;
}

.rank_header a {
    background-image: url('../img/rank_b.png');
    background-repeat: no-repeat;
    padding: 3px 19px 9px;
    font-size: 15px;
    color: #660000;

    font-family: 'Didact Gothic';
}

.rank_header a.active {
    background-image: url('../img/rank_ba.png');
    background-repeat: no-repeat;
    padding: 0px;
}

.rank_right {
    margin-left: -5px;
}

.main-picture {
    padding: 3px;
    float: left;
}
.main-input {
    padding: 3px;
    width: 100px;
    float: left;
}

.main-data {
    padding: 0px;
    text-align: left;
    float: right;
    display: block;
    width: 200px;
    overflow:hidden;
}
.first-steps ul {
    list-style-type: disc;
    font-family: Arial, serif;
}

.first-steps h1 {
    font: normal normal 700 18px/normal "Arial";
}
.main-data ul {
    padding: 0px;
    margin: 0px;
}

.main-data ul li {
    padding: 8px;
    width: 100%;
    color: #fff;
}

.row1 {
    border: 1px dashed #AF9860;
    background: rgba(0, 0, 0, 0.506);
}
.row2 {
    background: rgba(0, 0, 0, 0.606);

}

.color-1 {
    background: #382A23;
}

.color-2 {
    background: #2E211A;
}

.color-3 { 
    color: #BD9329;
}

.color-3 a {
    color: #B58100;
}

.main-cloud {
    /*padding: 35px 70px;*/
    width: 250px;
    display: block;
    text-align: center;
    background: rgba(0,0,0,0.5);
    height: 35px;
    color: #BD9329;
    border-radius: 17px;
    font-size: 30px;
    padding: 5px 0px;
}

.clear2 {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

#menu nav {
    margin-left: 5px;
    margin-top: 0px;
    background-image: url('../img/menu_bcg.png');
    background-repeat:repeat-y;
}



#menu li {
    background-image: url('../img/menu_b.png');
    background-repeat: no-repeat;

    margin: 3px 1px;
}

#menu li a {
    display: block;
    width: 170px;
    padding: 13px 0px;
    height: 100%;
    text-align: center;
    color: #1f1f1f;
    font-size: 14px;
    font-family: 'Century Gothic';
}

#menu li img.char {
    float: right;
    margin-top: -4px;
    padding-right: 5px;
}



#menu li a:hover, #menu li:hover {

    background-image: url('../img/menu_ba.png');
    background-repeat: no-repeat;

}

#menu li.active {

    background-image: url('../img/menu_ba.png');
    background-repeat: no-repeat;

}

#menu-is nav {
    margin-left: 5px;
    margin-top: 0px;
    background-image: url('../img/menu_bcg.png');
    background-repeat:repeat-y;
}



#menu-is li {
    background-image: url('../img/button_is.png');
    background-repeat: no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    margin: 3px 2px;
}

#menu-is li .arial {
    font-family: Arial, Helvetica, sans-serif;
}
#menu-is li a {
    display: block;
    width: 170px;
    padding: 15px 0px;
    height: 100%;
    text-align: center;
    color: #fdf499;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;

}

#menu-is li img.char {
    float: right;
    margin-top: -4px;
    padding-right: 5px;
}



#menu-is li a:hover, #menu li:hover {

    background-image: url('../img/button-is-a.png');
    background-repeat: no-repeat;

}

#menu-is li.active, #menu-is li .premium {

    background-image: url('../img/button-is-a.png');
    background-repeat: no-repeat;

}


.char-1 {
    background-image: url('../img/char/char-1.png');
    background-repeat: no-repeat;
    padding: 7px;
    margin: 0px;
}

#logo {
    padding: 120px 409px 0px;
}

.welcome {
    padding: 0px;
    color: #fff;
    font-size: 13px;
    font-family: 'Didact Gothic';
}

.welcome p {
    padding-top: 5px;
    margin: 0px;

}
#top {
    width: 820px;
    padding-top: 50px;
}
.download {
    margin-top: -20px;
    padding-left:  365px;
    float: left;

}

.download:hover {
    margin-top: -22px;

}

.top-menu {
    float: right;

    font-family: "Tahoma", "Verdana";
    color: #fff;
}

.top-menu {
    font-family: 'Arial';
}

.top-menu h1:hover{
    color: #660000;
}

#top a {
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    font-family: 'Didact Gothic';
    color: #fff;
    padding-left: 5px;
}

#top a:hover {
    color: #000;
}
.dow_now {
    padding-bottom: 15px;
}

h1 {
    font-size: 30px;
    padding: 0px;
    margin: 0px;
}

#wrap {
    width: 1090px;
    margin: 0px 55px;
}
.left {
    margin-left: 5px;
}
.rank {
    margin-top: 0px;
    background-image: url('../img/menu_bcg.png');
    background-repeat:repeat-y;
    font-size: 14px;
}

.rank .bcg
{
    background-image: url('../img/china.png');
    background-repeat:repeat-y;
    margin-left: 30px;
}

.rank .clear {
    padding: 3px;
}

.rank .hr
{
    background-image: url('../img/hr2.png');
    background-repeat:no-repeat;
    padding: 1px;
    margin-left: -6px;
}

.rank a {
    padding: 5px;
    position: relative;
    display: block;
    font-family: 'Century Gothic', Arial;
    font-size: 12px;
    height: 19px;
    color: #fff;
}

.rank p {
    float: right;
    margin-right: 30px;
    margin-top: 0px;
}

.rank img {
    float: right;
    padding: 0px;
    margin-right: 23px;
    margin-top: -6px;
}

.rank .second {
    color: #f7e655;
    background-image: url('../img/hr.png');
    background-repeat:no-repeat;
    /*margin-left: -4px;*/

}
.rank_head {
    margin: 33px 24px 0px;
    padding-bottom: 18px;
    padding-left: 6px;
}

.button {
    background-image: url('../img/rank_b.png');
    background-repeat: no-repeat;
    font-size: 15px;
    color: #660000;
    width: 83px;
    text-align: center;
    display: inline;
    padding: 3px 21px 8px;
    cursor: pointer;
    margin: 0px;
    font-family: 'Didact Gothic';
}

.loading2 {
    background: url("http://fakel.mydevil.net/images/loading.gif") 50% 50% no-repeat transparent;
    padding: 5px;
}

.logged {
    font-size: 12px;
    font-family: 'Didact Gothic';
    width: 170px;

    padding:  3px 15px 32px;
    color: #E8D4A0;

}
.logged p {
    margin: 4px 0px;
    padding: 0px;
}

.logged a {
    color: #E8D4A0;
}

.linfo {
    width: 170px;
    font-size: 12px;
    font-family: 'Century Gothic';
    color: #E8D4A0;
    height: 83px;
}

.main-needs {
    font-family: Serif;
}

.main-needs ul {
    margin: 0px;
    list-style-type: circle;
}

#content .text .main-needs h2 {
    margin: 0px;
    font-family: Arial;
    color: #E8D4A0;
}

#loading-login {
    margin-left: -40px;
}

.rank_head .active {
    background-image: url('../img/rank_ba.png');
    background-repeat: no-repeat;
}

.rank_bottom {
    background-image: url('../img/rank_bottom.png');
    background-repeat:repeat-y;
    padding: 54px;

}

.rank_right_bottom {
    background-image: url('../img/rank_bottom.png');
    background-repeat:repeat-y;
    padding: 54px;
    margin-left: -9px;
}

.main-download-patch {
    background-image: url('../img/buttons/patcher.png');
    background-repeat: no-repeat;
    height: 75px;
    display: block;
}

.main-download-patch:hover {
    background-image: url('../img/buttons/patcher_active.png');
    background-repeat: no-repeat;
}



.main-download-klient {
    background-image: url('../img//buttons/download.png');
    background-repeat: no-repeat;
    height: 75px;
    display: block;
}
.main-download-klient:hover {
    background-image: url('../img/buttons/active_button.png');
    background-repeat: no-repeat;
}

.main-table-rank {
    color: #fff;
    text-align: center;
    font-family: 'Century Gothic';
    border-spacing: 1px 0px;
}

.main-table-rank .tbody {
    background-color: #351e12; 
    font-family: Arial;

}

.main-table-rank .row-0 {
    font-size: 17px;
}
.main-table-rank .row-1 {
    font-size: 16px;
}
.main-table-rank .row-2 {
    font-size: 15px;
}
.main-table-rank .tbody td {
    padding: 7px 0px;
}

.main-table-rank tbody {
    padding: 5px;
}

.main-table-rank p {
    margin: 6px;
}
.text .main-table-rank a {
    color: #B58100;
}

.main-description-right {
    margin-left: 230px;
    margin-right: 30px;
    padding: 9px;
    float: right;
    font-family: Serif;
    color: #000;
    background: #E8D4A0;
    border-radius: 3px;
}

.main-description-right:hover {
    background: #DDC17D;
}
.main-buttons {
    text-align: center;
    margin: 10px 0px ;
}
.text .main-buttons a {
    margin:  0px 30px;
    color: #bf8a2c;
    display: inline;
}

.main-button {
    background-image: url('../img/buttons/main-button.png');
    background-repeat: no-repeat;
    font-size: 15px;
    /*color: #BD9329;*/
    width: 83px;
    text-align: center;
    display: inline;
    padding: 3px 31px 8px;
    cursor: pointer;
    margin: 0px;
    color: #bf8a2c;
    font-family: 'Didact Gothic';
}
.clearfix {
    clear: both;
}
.main_head {
    margin: 0px;
    background-image: url('../img/main_header.png');
    margin-left: -6px;
    height: 225px;
    background-repeat: no-repeat;
    text-align: center;
    font-family: Arial,sans-serif;
}

.main-is_head {
    margin: -51px 0px 0px -6px;
    background-image: url('../img/main_header.png');

    height: 225px;
    background-repeat: no-repeat;
    text-align: center;
    font-family: Arial,sans-serif;
}

.main-is_head h3 {
    font-weight: 500;
    padding-left: 19px;
    padding-top: 135px;
    background-image: url('../img/welcomebutt.png');
    background-repeat: no-repeat;
    background-position: 130px 133px;
    font-family: 'Marcellus SC', 'Didact Gothic', 'Arial';
}
.main-is_head p {
    padding: 2px;
    color: #3b3535;
    font-size: 14px;
}
.main-is_head a {
    color:#1b1919;
}




.main_head h3 {
    font-weight: 500;
    padding-left: 19px;
    padding-top: 135px;
    background-image: url('../img/welcomebutt.png');
    background-repeat: no-repeat;
    background-position: 130px 133px;
    font-family: 'Marcellus SC', 'Didact Gothic', 'Arial';
}
.main_head p {
    padding: 2px;
    color: #3b3535;
    font-size: 14px;
}
.main_head a {
    color:#1b1919;
}

#content article {
    background-image: url('../img/main_bcg.png');
    background-repeat: repeat-y;
    padding:  0px 39px;
    height: 100%;

    margin-left: -1px;

}

#content .nag {
    background-image: url('../img/article_head.png');
    color: #000;
    text-align: center;
    height: 7px;
    margin: 0px 3px;
    padding: 13px 28px;
    width: 481px;
    font-size: 14px;

    background-repeat: no-repeat;
}

#content .nag p {
    margin: 0px;
    font-family: 'Century Gothic';

}
#content .nag a {
    color: #000;
}

.active { 
    background-image: url("../img/rank_ba.png");
    background-repeat: no-repeat;
}
#content .text
{
    background-image: url('../img/article_middle.png');
    background-repeat: repeat-y;
    width: 518px;
    padding: 10px;
    height: 100%;
    font-size: 12px;
    overflow:hidden;
    color: #000;
    position:relative;
    font-family: Arial,sans-serif;
    z-index: 1;
    margin: 0px 5px 0px ;

} 

.text h2 {
    color: #E8D4A0;
    margin: 0px;
    font-family: Arial,serif;
}

.text a {
    color: #42330E;
}

#content .submit {
    font-family: 'Century Gothic';
    font-size: 15px;
}

#content .text .input {
    width: 147px;
    background: url('../img/content_input.png') transparent;
    color: #9E673B;
    font-size: 12px;
    border: medium none currentColor;
    height: 25px;
    text-indent: 3px;

    margin: 3px;
}

#content .text label {
    width: 200px;
}


#content .pozdrodlagrafika {
    /*margin-top: -45px;*/
}
#content .clearfix {
    padding: 30px;
}

#content footer {
    background-image: url('../img/article_down.png');
    color: #000;
    text-align: center;
    width: 525px;
    height: 50px;
    margin: 0px 6px 0px ;
    padding:  5px;
    font-family: 'Marcellus SC', 'Didact Gothic', 'Arial';
    font-size: 14px;
    background-repeat: no-repeat;

}


#content footer .author {
    text-align: left;
    float: left;
}

#content footer .date {
    text-align: right;
    float: right;
}

.loading { 
    background: url("../img/loading.gif") 50% 50% no-repeat transparent;
    padding: 15px;
}

.notification {
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.03);
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 15px;
    padding: 14px 40px 14px 18px;
    position: relative;
}
.notification p {
    margin: 0;
}
.notification span {
    font-weight: 600;
}
.notification.success, .notification.success strong {
    background-color: #EBF6E0;
    border: 1px solid #B3DC82;
    color: #5F9025;
}
.notification.error, .notification.error strong {
    background-color: #FFE9E9;
    border: 1px solid #FBC4C4;
    color: #DE5959;
}
.notification.warning, .notification.warning strong {
    background-color: #FBFADD;
    border: 1px solid #DED58A;
    color: #8F872E;
}
.notification.notice, .notification.notice strong {
    background-color: #E9F7FE;
    border: 1px solid #B6D7E8;
    color: #5091B2;
}
.notification strong {
    border: medium none !important;
}
.notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close {
    display: block;
    height: 8px;
    padding: 0 14px;
    position: absolute;
    right: 0;
    top: 20px;
}
.close i {
    float: left;
    font-size: 11px;
    margin: -5px 5px 0 0;
}
.notification.success .close {
    color: #8DBF52;
}
.notification.error .close {
    color: #F59292;
}
.notification.warning .close {
    color: #C6BD67;
}
.notification.notice .close {
    color: #86B4CC;
}

.bottom-main {
    background-image: url('../img/main_down.png');
    color: #fff;
    text-align: center;
    margin-left: -42px;
    height: 68px;

}

#sidebar {
    float: right;
    width: 230px;


}

#login {
    background-image: url('../img/login.png');
    background-repeat: no-repeat;
    margin-top: 5px;
    padding-top: 50px;
    padding-left: 30px;


}
#login label {
    color: #E8D4A0;
    font-size: 12px;
    font-family: 'Arial';
    width: 180px;
    margin: 0px 13px 0px;
    text-align: left;
    /*padding-right: 30px;*/
}

#login .pass {
    display: block;
}
#login input.login { 
    background: url("../img/login_right_input_login.png") transparent;
    border: medium none currentColor;
    color: #9e673b;
    font-family: "Arial";
    font-size: 12px;
    height: 26px;
    padding: 2px 7px 0px;
    text-indent: 22px;
    margin: 0px 10px 0px;
    width: 135px;
}

#login input.password { 
    background: url("../img/login_right_input_password.png") transparent;
    border: medium none currentColor;
    color: #9e673b;
    font-family: "Arial";
    font-size: 12px;
    height: 26px;
    padding: 2px 7px 0px;
    text-indent: 22px;
    margin: 0px 10px 0px;
    width: 135px;
}

#login .hr {
    background-image: url('../img/login_right_hr.png');
    background-repeat: no-repeat;
    padding: 1px;
    margin:  6px 23px;
}

#login input.menu_right_submit { 
    background: url("../img/login_right_input_submit.png") transparent;
    border: medium none currentColor;
    color: rgb(102, 0, 0);
    cursor: pointer;
    font-family: 'Marcellus SC','Arial';
    font-size: 15px;
    font-weight: 100;
    height: 28px;
    text-transform:uppercase;
    margin: 4px 35px 0px;

    width: 95px;
}

.text input[type=submit] {
    background: url('../img/rank_b.png') transparent;
    background-repeat: no-repeat;
    border: medium none currentColor;
    color: #660000;
    width: 84px;
    text-align: center;
    display: inline;
    padding-bottom: 4px;
    font-size: 16px;
    height: 26px;
    cursor: pointer;
    margin: 0px;
    font-family: 'Didact Gothic';
}
#login a {
    color: #E8D4A0;
}
#login .forgetpass {
    font-size: 12px;
    padding: 1px;
    background-image: url('../img/icons/icon_aply.png');
    background-repeat: no-repeat;
    padding-left: 13px;
    margin: 0px 19px;
    margin-bottom: 10px;
}


#login .register {
    font-size: 12px;
    padding: 1px;display: block;
    background-image: url('../img/icons/icon_light.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 13px;
    font-weight: 900;
    margin: 0px 37px;
    padding-bottom: 4px;

}


#foot {
    background-image: url('../img/footer.png');
    background-repeat: repeat-x;
    height: 63px;
    clear: both;
    font-size: 13px;
    font-family: 'Century Gothic';

}

#foot .cnt {
    width: 1190px;
    margin: 0px auto;
}

#foot  .bottom-menu {
    padding:23px 20px 0px;
    margin: 0px; 
    width: 220px;
    float: left;


}

#foot  .rights {
    padding: 23px 0px 0px;
    margin: 0px;
    text-align: center;
    width: 680px;
    float: left;

    color: #f7e655;

}

#foot .authors {
    padding: 16px 20px 0px;
    margin: 0px; 
    width: 200px;
    float: right;

}

#foot .iguana {
    color: #f7e655;
}

#foot p {
    padding: 0px;
    margin: 0px;
    color: #fff;
}

#foot a {
    color: #fff;
}

.head_footer {
    background-image: url('../img/footer_head.png');
    background-repeat: no-repeat;
    /*background-position: -298px 0px;*/
    height: 95px;
    margin-left: 252px;
    clear: both;
    /*margin: 0px auto;*/
}

#pagination {
    height: 25px;
    display:block;
    margin: 0px 10px;

}
#pagination ul{border:0; margin:0; padding:0;padding-top: 3px;
               margin-bottom: 5px;height: 20px;
}
#pagination li{
    border:0; margin:0; padding:0;
    font-size:11px;
    list-style:none;
}
#pagination li, #pagination a, #pagination .dots{
    margin-right:2px;
}
#pagination .previous-off,
#pagination .next-off {
    color:#888888;
    display:block;
    float:left;
    font-weight:bold;
    padding:3px 4px;
}
#pagination .next a,
#pagination .previous a {
    font-weight:bold;
}
#pagination .active{
    color:#00000;
    font-weight:bold;
    display:block;
    float:left;
    padding:3px 6px;
}
#pagination a:link,
#pagination a:visited, #pagination .dots {
    display:block;
    float:left;
    color: #FFFFFF;
    padding:3px 6px;
    text-decoration:none;
}
#pagination .dots {
    color:#888888;
}
#pagination a:hover{
    color: #002;
    text-decoration: underline;
}

.pagi {
    text-align: center;
    background: rgba(0, 0, 0, 0.706);
    border-radius: 5px;
    /*float: right;*/
    display: block;
    margin: 0 auto;

    width: 100%;
}

.center {
    text-align: center;
}

.main-horse-data {
    width: 70%;
}

.main-cloud-small {

    background: rgba(0, 0, 0, 0.506);
    border-radius: 17px;
    color: #BD9329;
    display: block;
    font-size: 30px;
    height: 15px;
    padding: 5px 0px;
    text-align: center;


}

#fade { /*--Przejrzyste warstwy tła--*/
    display: none; /*--domyślnie ukryte--*/
    background: #000;
    position: fixed; left: 0; top: 0;
    width: 100%; height: 100%;
    opacity: .80;
    z-index: 99;
}

.popup_block{
    display: none; 

    background-image:url('../img/background_team.png');
    background-repeat:no-repeat;
    background-position:right;
    height: 251px;
    width: 530px;
    position: relative;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.popup_block .title {
    float: right;
    margin: 2px 20px 0 0;
    font-family: "Didact Gothic";
    text-align: center;
}

.popup_block .img {
    float: left;
    margin-top: 30px;
    margin-left: 25px;
    padding-bottom: 30px;

}

.popup_block .desc a {
    color:#d6bc8d;
}

.popup_block .desc {
    float: right;
    width: 340px;
    text-align: center;
}
.popup_block .desc ul {
    /*float: right;*/
    /*margin-left: 30px;*/
    /*width: 400px;*/
}



.popup_block .desc li {
    background: rgba(0, 0, 0, 0.506);
    border-radius: 3px;
    color: #BD9329;
    width: 100%;
    padding: 5px;
    font-weight: 200;
    margin: 5px;
    font-size: 11px;
}

.popup_block .online {
    color: #008000;
    display: inline;
    margin: 0px;
    padding: 0px;

}

.popup_block .offline {
    color: red;
    display: inline;
    margin: 0px;
    padding: 0px;

}

.poll_block{
    display: none; 

    background-image:url('../img/poll_bcg.png');
    background-repeat:no-repeat;
    background-position:right;
    height: 351px;
    width: 530px;
    position: relative;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.poll_block .title {
    float: right;
    margin: 2px 20px 0 0;
    font-family: "Didact Gothic";
    text-align: center;
}

.poll_block .img {
    float: left;
    margin-top: 30px;
    margin-left: 25px;
    padding-bottom: 30px;

}

.poll_block .desc a {
    color:#d6bc8d;
}

.poll_block .desc {
    float: right;
    width: 340px;
    text-align: center;
}
.poll_block .desc ul {
    /*float: right;*/
    /*margin-left: 30px;*/
    /*width: 400px;*/
}



.poll_block .desc li {
    background: rgba(0, 0, 0, 0.506);
    border-radius: 3px;
    color: #BD9329;
    width: 100%;
    padding: 5px;
    font-weight: 200;
    margin: 5px;
    font-size: 11px;
}

.poll_block .online {
    color: #008000;
    display: inline;
    margin: 0px;
    padding: 0px;

}

.poll_block .offline {
    color: red;
    display: inline;
    margin: 0px;
    padding: 0px;

}
*html #fade {
    position: absolute;
}
*html .popup_block {
    position: absolute;
}

.poll_block .title,  .poll_block .desc li {
    width:80%;
}

.popup_block .title,  .popup_block .desc li {
    width:80%;
}

img.btn_close {
    float: right;
    /*margin: 221px 10px 0px 0px;*/
    position: relative;
    top: 221px;
    right: 10px;
}

img.btn_closee {
    float: right;
    /*margin: 221px 10px 0px 0px;*/
    position: relative;
    top: 321px;
    right: 10px;
}

#content .main-buy-coins-href {
    cursor: pointer;
}
#content .main-buy-coins p {
    padding: 35px;
    margin: 0px;
}
#content .main-buy-coins-main p {
    margin: 0px;
    padding: 0px;
}

a.s-pack-row {
    width:490px;
    padding:10px;
    height:50px;
    color: #E2C885;
    background:#151015;
    display:block;
    outline:none;
    border:1px dashed #1c1631;
    margin-bottom:20px;
    margin-left: 18px;
} 
a.s-pack-row:hover {
    background-color:#231a23;
    color: #E2C885;
    text-decoration:none;
}
div.s-pack-image {
    width:60px;
    height:50px;
    float:left;
}
div.s-pack-content {
    width:322px;
    height:50px;
    float:right;
}
div.s-pack-price {
    width:100px;
    height:50px;
    font-size:20px;
    font-family:Arial;
    float:left;
    line-height:26px;
    text-align:center;
}
div.s-pack-price span { font-size:16px; }
div.s-pack-name {
    width:322px;
    font-size:16px;
    color:#B07809;
    font-family: "AdelonBook", Tahoma, sans-serif;
    margin-bottom:10px;
}
div.s-pack-desc {
    width:322px;
    font-size:12px;
    color:#75555e;
    font-family: Tahoma, sans-serif;
}


#content .button_buy {
    background: url('http://www.creamsoft.com/imgs/css3buttons_backgrounds.png') 0px 0px no-repeat #ECECEC;
    border: 1px solid #CACACA;
    border-radius: 10px;
    color: #3C3C3D;
    cursor: pointer;
    display: inline-block;
    font-family: 'lucida grande', 'tahoma', 'verdana', 'arial', sans-serif;
    font-size: 12px;
    outline: medium none currentColor;
    overflow: visible;
    padding: 3px 5px;
    width: 99%;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0px #FFFFFF;
    white-space: nowrap;
}

#wideMainContent h1 {
    display:none;
}

#wideMainContent {
    margin: 30px;
}
.wheel, .wheelLanding {
    position:relative;
}

.wheel {
    font-size:11px;

    height:312px;
    background: url("../img/kolo_bg.png") 0px 0px no-repeat transparent;
}
.main {
    width:430px;
    height:362px;
    position: absolute;
    top:63px;
    left:134px;
    padding:0;
}


#wheel, #teasers {
    width:370px;
    height:356px;
    position:relative;
    margin:0;
    padding:0;
}

#teasers {
    position:absolute;
    top:0;
    left:0;
}

#teasers .teaser img {
    position:absolute;
    width:40px;
    height:40px;
    display:none;
}

#wheel div.reward, #wheel img.key {
    list-style-type:none;
    width:32px;
    height:32px;
    padding:0;
    color:white;
    text-align:left;
    position:absolute;
    overflow:hidden;
}

#wheel div.reward {
    display:none;
}

#wheel div img {
    line-height:38px;
    height:100%;
}

#wheel img.key {
    width:42px;
    height:42px;
    border:none;
    background-color:transparent;
}

.clockwise #pos1, .clockwise .teaserPos1, .counterClockwise #pos1, .counterClockwise .teaserPos1 { left:126px; top:-40px; }
.clockwise #pos2, .clockwise .teaserPos2, .counterClockwise #pos16, .counterClockwise .teaserPos16 { left:178px; top:-30px; }
.clockwise #pos3, .clockwise .teaserPos3, .counterClockwise #pos15, .counterClockwise .teaserPos15 { left:221px; top:0px; }
.clockwise #pos4, .clockwise .teaserPos4, .counterClockwise #pos14, .counterClockwise .teaserPos14 { left:251px; top:43px; }
.clockwise #pos5, .clockwise .teaserPos5, .counterClockwise #pos13, .counterClockwise .teaserPos13 { left:261px; top:95px; }
.clockwise #pos6, .clockwise .teaserPos6, .counterClockwise #pos12, .counterClockwise .teaserPos12 { left:251px; top:147px; }
.clockwise #pos7, .clockwise .teaserPos7, .counterClockwise #pos11, .counterClockwise .teaserPos11 { left:221px; top:190px; }
.clockwise #pos8, .clockwise .teaserPos8, .counterClockwise #pos10, .counterClockwise .teaserPos10 { left:178px; top:220px; }
.clockwise #pos9, .clockwise .teaserPos9, .counterClockwise #pos9, .counterClockwise .teaserPos9 { left:126px; top:230px; }
.clockwise #pos10, .clockwise .teaserPos10, .counterClockwise #pos8, .counterClockwise .teaserPos8 { left:74px; top:220px; }
.clockwise #pos11, .clockwise .teaserPos11, .counterClockwise #pos7, .counterClockwise .teaserPos7 { left:31px; top:190px; }
.clockwise #pos12, .clockwise .teaserPos12, .counterClockwise #pos6, .counterClockwise .teaserPos6 { left:1px; top:147px; }
.clockwise #pos13, .clockwise .teaserPos13, .counterClockwise #pos5, .counterClockwise .teaserPos5 { left:-9px; top:95px; }
.clockwise #pos14, .clockwise .teaserPos14, .counterClockwise #pos4, .counterClockwise .teaserPos4 { left:1px; top:43px; }
.clockwise #pos15, .clockwise .teaserPos15, .counterClockwise #pos3, .counterClockwise .teaserPos3 { left:31px; top:0px; }
.clockwise #pos16, .clockwise .teaserPos16, .counterClockwise #pos2, .counterClockwise .teaserPos2 { left:74px; top:-30px; }

.clockwise #key1, .counterClockwise #key1 { left:164px; top:-6px; }
.clockwise #key2, .counterClockwise #key16 { left:229px; top:7px; }
.clockwise #key3, .counterClockwise #key15 { left:284px; top:44px; }
.clockwise #key4, .counterClockwise #key14 { left:321px; top:99px; }
.clockwise #key5, .counterClockwise #key13 { left:334px; top:164px; }
.clockwise #key6, .counterClockwise #key12 { left:321px; top:229px; }
.clockwise #key7, .counterClockwise #key11 { left:284px; top:284px; }
.clockwise #key8, .counterClockwise #key10 { left:229px; top:321px; }
.clockwise #key9, .counterClockwise #key9 { left:164px; top:334px; }
.clockwise #key10, .counterClockwise #key8 { left:99px; top:321px; }
.clockwise #key11, .counterClockwise #key7 { left:44px; top:284px; }
.clockwise #key12, .counterClockwise #key6 { left:7px; top:229px; }
.clockwise #key13, .counterClockwise #key5 { left:-6px; top:164px; }
.clockwise #key14, .counterClockwise #key4 { left:7px; top:99px; }
.clockwise #key15, .counterClockwise #key3 { left:44px; top:44px; }
.clockwise #key16, .counterClockwise #key2 { left:99px; top:7px; }

#spinner, #spinnerBlank {
    width:314px;
    height:312px;
    position:absolute;
    left:-10px;
    top:-40px;
    background:url(../img/kolo_2.png) 0 0 no-repeat;
}

#spinnerBlank {
    background:url(../img/kolo_1.png) 0 0 no-repeat;
}

#spinButton {
    font-size:14px;
    font-weight:bold;
    color:white;
    height:70px;
    left:106px;
    position:absolute;
    top:80px;
    width:82px;
    text-align:center;
    padding:12px 0 0 0;
    cursor:pointer;
    text-decoration:none;
}



#reward {
    padding:10px 20px;
    border:solid 1px black;
    background:url(../img/popup_bg.png) repeat-y;
    text-align:center;
}

#reward h1 {
    font-size:18px;
}

#reward h2 {
    font-size:14px;
    margin:10px 0 0;
    font-weight:normal;
    text-align:left;
}

#reward img {
    display:block;
    margin:16px auto 10px;
    width:32px;
    height:32px;
}
#rewardName {
    margin:0 0 10px;
    font-size:20px;
}

#rewardDesc {
    font-size:14px;
    margin:5px 0 10px;
    text-align:left;
}

#reward a {
    font-size:12px;
}

#keyReward {
    margin:25px 0 10px;
    font-size:14px;
}



#wheel div.shopItemTip {cursor:pointer; border-color:white;}
.shopItemTipContent, .nonShopItemTipContent {display:none;}
.shopItem {height:82px; width:180px; position:relative; color:black; margin:5px 9px;}
.shopItem .itemPic {position:absolute; top:10px; left:10px;}
.shopItem .itemName {position:absolute; top:9px; left:82px; width:91px; height:28px; font-size:11px; font-weight:normal;letter-spacing:-0.02em;}
.shopItem .itemNumber {position:absolute; top: 38px; left:82px; width:91px; height:12px; font-size:11px; font-weight:normal; letter-spacing:-0.05em;}
.shopItem .bonusItemPrice {color:#84080b; font-weight:bold;}
.shopItem .discount {color:#009000;}
.shopItem .bonusItemPrice.discount { color:#00aa00; }

div.fancyboxContentContainer {
    display:none;
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

.bold {
    font-weight: 800;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-color: #191919;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    font-size: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
        border-bottom-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner { 
        border-top-color: rgba(20,20,20,0.92);
    }
}

.global-desc {
    padding: 30px 10px 0px;
    width: 500px;
    text-align: left;
}

.vip-button {
    background: rgba(0, 0, 0, 0.655);
    border: medium none currentColor;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Didact Gothic";
    font-size: 14px;
    font-weight: 700;
    padding: 5px 0px;
    text-align: center;
    text-decoration: none;
    width: 102%;
}

#ankieta {

    padding-top: 5px;
}
#ankieta .pasek {
    height: 8px;
    background-color: #9AC2E8;
}
#ankieta .odpowiedz {
    background: rgba(0, 0, 0, 0.506);
    margin: 3px 0;
    width: 100%;
    border-radius: 8px;
    font-size: 12px;
    color: #fff;
    padding: 4px;
}
#ankieta span.ilosc {
    font-size: 12px;

    margin-left: 8px;
}
#ankieta h5 {
    font-size: 16px;
    font-family: 'Didact Gothic';
    padding: 0px;
    margin: 2px 0;
}

input[type="password"], input[type="text"] { 
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    color: #333333;
    font-family: "tahoma", sans-serif;
    font-size: 14px;
    font-weight: 400;
    outline: medium none currentColor;
}
.szukaj { 

    border-radius: 7px 7px 7px 7px;
    width: 220px;
    height: 20px;

}

#xhrform .heh {

    height: 26px;

}

.main-sm_info {
    padding: 5px;
    background-image: url('../img/is-head-bcg.png');
    background-repeat: no-repeat;
    margin-top: 7px;
    margin-left: 90px;
}

.main-sm_info p {

    padding: 0px 15px;
    font-family: 'Arial', 'Century Gothic';
    margin: 0px;
    font-size: 14px;
    color: #fdf499;
}

#content .is {
    background-image: url('../img/is-main-bcg.png');
    background-repeat: no-repeat;
    min-width: 239px;
    min-height: 152px;
    margin: 5px 15px;
}
.is nav {
    padding-top: 5px;
    width: 220px;

}

.is nav a {
    font-family: 'Century Gothic', Arial;
    font-size: 16px;
    padding-left: 10px;
    color: #996951;
}

.is nav .premium {
    font-size: 20px;

    color: #972C2C;
}


.is nav a:hover {
    color: #9B7D6E;
}

.is .is-main {
    max-width: 230px;
    color: #8a5e41;
    font-size: 12px;
    height: 70px;
    font-family: arial,Arial;
    padding: 0px 5px;
}

.is .is-img {
    padding: 0px 15px;
    width: 48px;
    height: 42px;
    float: left;

}

.is .is-button {
    float: right;
    padding-right: 10px;  margin-top: 5px;
}

.is .is-button .button2, button2 {
    background-image: url("../img/is-button.png");
    background-repeat: no-repeat;
    color: #FDF499;
    cursor: pointer;
    display:block;
    font-family: "Century Gothic";
    font-size: 16px;
    margin: 0px;
    padding: 4px 0px 4px;
    text-align: center;
    min-width: 103px;
    height: 32px;
}

.panel-header {
    background-image: url('../img/panel/header.png');
    background-repeat: no-repeat;
    height: 27px;
    width: 290px;
    margin: 0px;
    padding: 0px;

}

.panel-main {
    background-image: url('../img/panel/middle.png');
    background-repeat: repeat-y;
    width: 276px;
    margin: 0px;
    height: 300px;
    padding: 0px;

}

.panel-main p {
    padding: 1px 12px; color: #fff;
    font-family: "Century Gothic";
    margin: 3px 0px;
    text-align: left;
    font-size: 14px;


}
.red {
    color: red;

}
.panel-bottom {
    background-image: url('../img/panel/bottom.png');
    background-repeat: no-repeat;
    height: 27px;
    width: 290px;
    margin: 0px;
    padding: 0px;
}

.panel-links {
    float: left; 
    text-align: left; 
    width: 240px
}

.panel-links ul {
    padding: 0px;
    margin: 20px 0px 0px;
}

.panel-links li {
    /*float: right;*/
    margin: 3px 0px;
    padding: 1px;
}



.change_code a {
    background-image: url('../img/panel/change_code.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display:block;
    width: 251px;
    height: 110px;
}

.change_code a:active, .change_code a:hover {
    background-image: url('../img/panel/change_code_active.png');
    cursor: pointer;
    display:block;
    /*width: 223px;*/
    height: 110px;
}

.change_pass a {
    background-image: url('../img/panel/change_pass.png');
    background-repeat: no-repeat;
    cursor: pointer;
    display:block;
    width: 221px;
    height: 95px;
}

.change_pass a:active, .change_pass a:hover {
    background-image: url('../img/panel/change_pass_active.png');
    cursor: pointer;
    display:block;
    /*width: 223px;*/
    height: 95px;
}

.change_pass_mag a {
    background-image: url('../img/panel/change_mag.png');
    cursor: pointer;
    display:block;
    width: 239px;
    height: 93px;
}

.change_pass_mag a:active, .change_pass_mag a:hover {
    background-image: url('../img/panel/change_mag_active.png');
    cursor: pointer;
    display:block;
    /*width: 223px;*/
    height: 93px;
}


.change_email a {
    background-image: url('../img/panel/change_email.png');
    cursor: pointer;
    display:block;
    width: 235px;
    height: 97px;
}

.change_email a:active, .change_email a:hover {
    background-image: url('../img/panel/change_email_active.png');
    cursor: pointer;
    display:block;
    /*width: 223px;*/
    height: 97px;
}

.postacie a {
    background-image: url('../img/panel/list_postaci.png');
    cursor: pointer;
    display:block;
    width: 227px;
    height: 107px;
}

.postacie a:active, .postacie a:hover {
    background-image: url('../img/panel/lista_postaci_active.png');
    cursor: pointer;
    display:block;
    /*width: 223px;*/
    height: 107px;
}



.panel-pop_up {
    display: none; 
    background-image:url('../img/panel/popup_bcg.png');
    background-repeat:no-repeat;
    background-position:right;
    height: 351px;
    width: 538px;
    position: relative;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    padding-top: 30px;
    z-index: 999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.panel-pop_up input.password { 
    background: url("../img/login_right_input_password.png") transparent;
    border: medium none currentColor;
    color: #9e673b;
    font-family: "Arial";
    font-size: 12px;
    height: 26px;
    padding: 2px 7px 0px;
    text-indent: 22px;
    margin: 0px 10px 0px;
    width: 135px;
}

.panel-pop_up input.login { 
    background: url("../img/login_right_input_login.png") transparent;
    border: medium none currentColor;
    color: #9e673b;
    font-family: "Arial";
    font-size: 12px;
    height: 26px;
    padding: 2px 7px 0px;
    text-indent: 22px;
    margin: 0px 10px 0px;
    width: 135px;
}

.panel-pop_up .form {
    float: right;
    background: rgba(0, 0, 0, 0.506);
    border-radius: 15px;
    width: 165px;
    height: 200px;
    margin-top: 10px;
    margin-right: 30px;
    text-align: center;
    padding-top: 10px;


}

.transparent-bcg {
    background: rgba(0, 0, 0, 0.506);

}

.panel-pop_up label {
    color: #E8D4A0;
    font-size: 12px;
    font-family: 'Arial';
    width: 180px;
    margin: 0px 13px 0px;
    text-align: left;
    /*padding-right: 30px;*/
}

.popup_submit {
    background: url("../img/login_right_input_submit.png") transparent;
    border: medium none currentColor;
    color: #660000;
    cursor: pointer;
    font-family: "Marcellus SC", "Arial";
    font-size: 15px;
    font-weight: 100;
    height: 28px;
    margin: 4px 35px 0px;
    text-transform: uppercase;
    width: 95px;

}

.popup-notification {
    clear: both;
    float: right;
    border-radius: 15px;
    width: 300px;
    margin-right: 40px;
    text-align: center;

}

#test {
    width: 250px;
    float: right;
    height: 400px;
}

.add_report {
    cursor: pointer;
    font-family: "Marcellus SC", "Arial";
    color:#FEC200;
    font-size: 21px;
}

.panel-pop_up .players {
    height: 120px;
    padding: 20px 40px 0px;
    position: relative;
}
.panel-pop_up .players .player {
    margin: 0px 0px 30px;

    background: rgba(0, 0, 0, 0.806);
    border-radius: 15px;
    width: 220px;
    height: 130px;
}

.show_player {
    color: #fff;
    font-family: "Century Gothic";
    font-size: 13px;
    padding: 3px 10px;
    margin: 0px;
}

.show_player ul {
    padding: 0px;
}

.non-player {
    color: #fff;
    font-family: "Century Gothic";
    font-size: 14px;
    padding-top: 50px;
    text-align: center;
}

.center {
    text-align: center;
}

.popup_block label {

    font-family: 'Century Gothic';
    font-size: 14px;
}

.panel-pop_up .popup_form {

    margin-top: 20px;
    margin-left: 70px;
    width: 400px;
    height: 220px;
}