/* Head definitions */

body {
    background: url('../images/background.jpg');
    margin: 0px;
}

img { border: 0px; }

.left { float: left; }
.right{ float: right; }
.both { clear: both; }

/* Top */
#info {
    color: #959A3D;
}
#top {
    background: url('../images/top.png') no-repeat center;
    width: 100%;
    height: 0;
    padding-top: 17.5%;
    background-size: cover;
}

/* Dla urządzeń mobilnych (np. szerokość mniejsza niż 768px) */
@media (max-width: 767px) {
    #top {
        height: 200px; /* Mniejsza wysokość dla mobilnych */
    }
}

/* Dla tabletów (np. szerokość między 768px a 1024px) */
@media (min-width: 768px) and (max-width: 1023px) {
    #top {
        height: 250px; /* Średnia wysokość dla tabletów */
    }
}

#top_button {
    margin: 0px auto;
    padding: 274px 0px 0px 0px;
    width: 152px;
    height: 66px;
}

/* Menu IS */
#menu-is img {
    padding: 0px;
    margin: 0px;
}

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

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

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

#wrap {
    margin: 25px;
    padding-left: 15px;
    color: #fff;
    font-family: "Verdana";
}
div#wrap a {
    color: #DFB54A;
}
.info {
    font-family: "Helvetica";
    color:#E2C885;
}

.hidden {
    display: none;
}

div#wrap label {
    display: inline-block;
    width: 200px;
}

div#wrap input, textarea {
    margin: 5px 0;
}

.pagi {
    margin-left: 40px;
}

#pag {
    width: 90%;
    text-align: center;
    margin-left: 35px;
}

#pagination {
    height: 25px;
    margin-bottom: 5px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    font-family: Arial;
}

div#pagination ul{
    border:0;
    margin:0;
    padding:0;
    padding-top: 3px;
    margin-bottom: 5px;
    height: 20px;
}
div#pagination li{
    border:0; margin:0; padding:0;
    font-size:16px;
    list-style:none;
}
#pagination li, #pagination a, #pagination .dots{
    margin-right:2px;
    color: #000;
}
#pagination .previous-off,
#pagination .next-off {
    color:#393939;
    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;
    padding:3px 6px;
    text-decoration:none;
}
#pagination .dots {
    color:#888888;
}
#pagination a:hover{
    color: #002;
    text-decoration: underline;
}

#LLoadingImage {
    background: url('../images/loading.gif') no-repeat center;
    padding: 5px;
}

#LoadingImage {
    background: url('/images/loading.gif') no-repeat center;
    padding: 5px;
    position: relative;
    text-align: center;
}

/* Under top */
#undertop {
    background: url('../images/undertop_background.png') no-repeat center;
    width: 100%;
    height: 59px;
}

/* Content */
#content {
    width: 1107px;
    margin: 0px auto;
}

/* Menu left */
.menu_left {
    width: 257px;
}

.menu_left_top {
    background: url('../images/menu_left_top_background.png');
    width: 257px;
    height: 97px;
}

div.menu_left_top img { display: block; margin: auto; padding: 57px 0px 0px 0px; }

.menu_left_content { background: url('../images/menu_left_content_background_center.png') repeat-y; }
.menu_left_content_top { background: url('../images/menu_left_content_background_top.png') no-repeat top; }
.menu_left_content_bottom { background: url('../images/menu_left_content_background_bottom.png') no-repeat bottom; width: 257px; padding: 0px 0px 62px 0px; }

/* Menu right */
.menu_right {
    width: 257px;
}

.menu_right_top {
    background: url('../images/menu_right_top_background.png');
    width: 257px;
    height: 97px;
}

div.menu_right_top img { display: block; margin: auto; padding: 57px 0px 0px 0px; }

.menu_right_content { background: url('../images/menu_right_content_background_center.png') repeat-y; }
.menu_right_content_top { background: url('../images/menu_right_content_background_top.png') no-repeat top; }
.menu_right_content_bottom { background: url('../images/menu_right_content_background_bottom.png') no-repeat bottom; width: 257px; padding: 0px 0px 79px 0px; }

.menu_right_button { width: 257px; }

input.menu_right_login { background: url('../images/menu_right_input_login.png'); width: 165px; height: 26px; border: none; text-indent: 33px; padding: 2px 0px 0px 0px; font-family: Arial; font-size: 12px; color: #e8d4a0; text-shadow: 1px 1px #000000; }
input.menu_right_password { background: url('../images/menu_right_input_password.png'); width: 165px; height: 27px; border: none; text-indent: 33px; padding: 2px 0px 0px 0px; font-family: Arial; font-size: 12px; color: #e8d4a0; text-shadow: 1px 1px #000000; }
input.menu_right_submit { background: url('../images/menu_right_input_submit.png'); width: 80px; height: 30px; border: none; font-family: Arial; font-size: 13px; color: #e8d4a0; text-shadow: 1px 1px #000000; font-weight: bold; cursor: pointer; margin: 3px 0px 0px 0px; }

ul.menu_rank { margin: 0px; padding: 0px; }
li.menu_rank { background: url('../images/menu_right_rank_background.png'); margin: 0px 0px 1px 0px; padding: 0px; width: 189px; height: 31px; list-style: none; }
li.menu_rank p.position { margin: 0px; line-height: 28px; width: 24px; height: 31px; text-align: center; font-family: Verdana; font-size: 14px; font-weight: bold; color: #b9a97c; text-shadow: 1px 1px #000000; }
li.menu_rank p.name { margin: 0px; width: 137px; height: 31px; }
li.menu_rank p.rank { margin: 0px; line-height: 28px; width: 28px; height: 31px; text-align: center; font-family: Verdana; font-size: 13px; font-weight: normal; color: #b9a97c; text-shadow: 1px 1px #000000; }

ul.menu_rank li a:link, ul.menu_rank li a:visited { width: 100%; height: 100%; display: block; padding: 8px 0px 0px 9px !important; font-family: Verdana; font-weight: normal !important; font-size: 11px; color: #ead8a8; text-shadow: 1px 1px #000000; text-decoration: none; }

/* Menu content */
.menu_content {
    width: 191px;
    margin: 0px auto;
}

p.menu_content_text_logged { text-align: left; width: 100%; position: relative; top: 10px; padding-left: 15px;  text-decoration: none; text-shadow: 1px 1px #e7c6a8; }
p.menu_content_text_logged a:link, p.menu_content_text_logged a:visited { font-family: Verdana; font-size: 14px; color: #180f0f; text-decoration: none; font-weight: normal; text-shadow: 1px 1px #e7c6a8; }

p.menu_content_text_login { text-align: right; width: 100%; position: relative; top: 10px; }
p.menu_content_text_login a:link, p.menu_content_text_login a:visited { font-family: Verdana; font-size: 11px; color: #180f0f; text-decoration: none; font-weight: normal; text-shadow: 1px 1px #e7c6a8; }
div.menu_content p { font-family: Verdana; font-size: 12px; font-weight: bold; color: #18140e; }
div.menu_content p.big { font-family: Verdana; font-size: 14px; font-weight: bold; color: #18140e; }
div.menu_content span.green { color: #4ebc18; text-shadow: 1px 1px #000000; }
div.menu_content span.red { color: #ba0c10; text-shadow: 1px 1px #000000; }

.menu_content_header { background: url('../images/menu_content_header.png') no-repeat center; width: 191px; height: 40px; padding: 4px 0px 3px 0px; }
div.menu_content_header p { margin: 0px; padding: 10px 0px 0px 12px; font-family: Verdana; font-size: 14px; color: #eedfb7; text-shadow: 1px 1px #000000; }

.menu_content_text { font-family: Arial; font-size: 12px; color: #e8d4a0; text-shadow: 1px 1px #000000; margin: 2px 0px 5px 0px; }

div.menu_content ul { margin: 0px; padding: 0px; }
div.menu_content li { margin: 0px 0px 1px 0px; padding: 0px; width: 189px; height: 31px; list-style: none; }
div.menu_content li a:link, div.menu_content li a:visited { width: 100%; height: 100%; display: block; padding: 7px 0px 0px 33px; font-family: Verdana; font-size: 11px; color: #ead8a8; text-shadow: 1px 1px #000000; text-decoration: none; }

div.menu_content li.stronaglowna { background: url('../images/menu_content_list_background_stronaglowna.png'); }
div.menu_content li.zalozkonto { background: url('../images/menu_content_list_background_zalozkonto.png'); }
div.menu_content li.pobierzgre { background: url('../images/menu_content_list_background_pobierzgre.png'); }
div.menu_content li.forum { background: url('../images/menu_content_list_background_forum.png'); }
div.menu_content li.itemshop { background: url('../images/menu_content_list_background_itemshop.png'); }
div.menu_content li.systemzgloszen { background: url('../images/menu_content_list_background_systemzgloszen.png'); }
div.menu_content li.rankinggraczy { background: url('../images/menu_content_list_background_rankinggraczy.png'); }
div.menu_content li.rankinggildii { background: url('../images/menu_content_list_background_rankinggildii.png'); }
div.menu_content li.wymiarwladcow { background: url('../images/menu_content_list_background_wymiarwladcow.png'); }
div.menu_content li.topgraczyonline { background: url('../images/menu_content_list_background_topgraczyonline.png'); }

/* Textbox */
.textbox {
    width: 593px;
}

.textbox_top { background: url('../images/textbox_top_background.png'); width: 593px; height: 123px; }
.textbox_bottom { background: url('../images/textbox_bottom_background.png'); width: 593px; height: 147px; }
#textbox_bottom_left { background: url('../images/textbox_bottom_left_background.png'); width: 29px; height: 53px; position: relative; top: 63px; right: 29px; }
#textbox_bottom_right { background: url('../images/textbox_bottom_right_background.png'); width: 26px; height: 56px; position: relative; top: 57px; left: 26px; }

.textbox_content {
    background: url('../images/textbox_content_background_center.png') repeat-y;
}

.textbox_content_bottom {
    width: 593px;
    min-height: 740px;
    background: url('../images/textbox_content_background_bottom.png') no-repeat bottom;
}

.textbox_news { background: url('../images/textbox_news_center_background.png') repeat-y; margin: 0px auto 15px auto; width: 491px; }
.textbox_news_top { background: url('../images/textbox_news_top_background.png') no-repeat top; }
.textbox_news_bottom { background: url('../images/textbox_news_bottom_background.png') no-repeat bottom; width: 491px; }

.textbox_news_space { width: 100%; height: 1px; }
.textbox_news_image { background: url('../images/textbox_news_image.png'); width: 147px; height: 146px; }
.textbox_news_title { background: url('../images/textbox_news_title.png'); width: 344px; height: 65px; }
.textbox_news_title2 { background: url('../images/textbox_news_title2.png'); width: 477px; height: 65px; }

div.textbox_news_image img { margin: 18px 0px 0px 21px; }
div.textbox_news_title h1 { padding: 20px; font-family: Arial; font-size: 14px; font-weight: normal; color: #e2c885; text-shadow: 1px 1px #000000; }
div.textbox_news_title2 h1 { padding: 20px; font-family: Arial; font-size: 14px; font-weight: normal; color: #e2c885; text-shadow: 1px 1px #000000; }
div.textbox_news_title2 a {   color: #e2c885; text-shadow: 1px 1px #000000; }
div.textbox_news p {margin: 5px 0px; font-size: 15px; padding: 1px 1px 0px 1px; font-family: Arial;  text-align: justify; }
img.textbox_button_czytajdalej { position: relative; top: 11px; }
p.textbox_newsinfo { color: #e2c885; position: relative; bottom: 10px; }

.textbox_news_navi { width: 100%; text-align: center; font-family: Arial; font-weight: bold; font-size: 14px; color: #161309; margin: 0px 0px 10px 0px; }
div.textbox_news_navi span { position: relative; bottom: 12px; }

#footer {
    background: url('../images/footer_background.png') no-repeat bottom;
    width: 697px;
    height: 75px;
    padding: 20px 0px 0px 0px;
    margin: 0px auto 35px auto;
}

div#footer p { padding: 3px 15px 0px 0px; font-family: Verdana; font-size: 11px; color: #be9d4d; text-shadow: 1px 1px #000000; text-align: right; }

/* Item Shop Styles */
a.pack-row {
    width: 510px;
    height: 120px;
    color: #58809a;
    text-decoration: none;
}
a.pack-row:hover {
    text-decoration: none;
    color: #58809a;
}
div.pack-rows {
    width: 490px;
    padding: 10px;
    height: 100px;
    background: #151015;
    display: block;
    outline: none;
    border: 1px dashed #1c1631;
    margin-bottom: 20px;
    margin-left: 38px;
}
div.pack-rows:hover {
    background-color: #231a23;
    text-decoration: none;
}
div.pack-image {
    width: 118px;
    height: 100px;
    float: left;
}
div.pack-content {
    width: 372px;
    height: 100px;
    float: left;
}
div.pack-name {
    width: 322px;
    font-size: 17px;
    height: auto;
    color: #978438;
    font-family: "AdelonBook", Tahoma, sans-serif;
    margin-bottom: 10px;
    padding-top: 3px;
}
div.pack-desc {
    width: 322px;
    height: auto;
    font-size: 13px;
    color: #976538;
    font-family: Tahoma, sans-serif;
}

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

/* Wheel of Fortune (Koło fortuny) */
.wheel, .wheelLanding {
    position: relative;
}

.wheel {
    font-size: 11px;
    height: 312px;
    background: url("../img/kolo_bg.png") 0px 0px no-repeat transparent;
}

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

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

/* Rewards */
#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;
}

/* Shop Item Tooltips */
.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;
}

/* Notifications */
.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;
}

/* Panel Links */
.panel-links {
    float: left;
    text-align: left;
    width: 240px;
    margin-left: 30px;
}

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

.panel-links li {
    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;
    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;
    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;
    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;
    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;
    height: 107px;
}

/* Panel Pop-up */
.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;
}

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

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

/* Fade Overlay */
#fade {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.80;
    z-index: 99;
}

/* Popup Block */
.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 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 */
.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 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;
    position: relative;
    top: 221px;
    right: 10px;
}

img.btn_closee {
    float: right;
    position: relative;
    top: 321px;
    right: 10px;
}

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

#wrap input[type="submit"] {
    background: url("../img/rank_b.png") no-repeat transparent;
    border: medium none currentColor;
    color: #660000;
    cursor: pointer;
    display: inline;
    font-family: "Didact Gothic";
    font-size: 16px;
    height: 26px;
    margin: 0px;
    padding-bottom: 4px;
    text-align: center;
    width: 84px;
}

/* Item Shop Additional Styles */
.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-third {
    background: rgba(0, 0, 0, 0.506);
    border-radius: 17px;
    color: #BD9329;
    display: inline-block;
    width: 130px;
    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;
    margin: 0px;
}

.red {
    color: red;
}

.green {
    color: green;
}