body {
    margin: 0px;
    padding: 0px;
    background: #0F0F0F url(/images/backblask.jpg) no-repeat fixed center top;
}

img {
    border: none;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a {
    text-decoration: none;
    color: #4a4a4a;
}

.page {
    margin: -25px auto;
    padding: 6px 10px 2px 10px;
    width: 900px;
    background: #ffffff;
    border: 2px solid #EAEAEA;
    border-radius: 5px;
}

.page_top {
    margin: auto;
    background: url(/images/page_top.gif);
    height: 9px;
    width: 924px;
}

.page_bottom {
    margin: auto;
    background: url(/images/page_bottom.gif);
    height: 9px;
    width: 924px;
    margin-bottom: 0px;
    margin-top: -2px;
}

.label {
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

.input2 {
    float: left;
    margin-left: 5px;
    text-align: left;
}

/*  Header  */
#header {
    padding: 0px;
    width: 900px;
    margin-top: 20px;
}

.left_column_header {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 50%;
    padding-top: 10px;
}

.right_column_header {
    color: #4a4a4a;
    float: right;
    font-family: sans-serif;
    font-size: 14px;
    margin: 4px 0px 0px 0px;
    text-align: right;
    width: 50%;
}

.right_column_header a {
    color: #4a4a4a;
    text-decoration: none;
}

.right_column_header a:hover {
    color: #6fb107;
    text-decoration: underline;
}

.toplink {
    margin-right: 7px;
}

.splash {
    background: url(/images/splash4.jpg) top left no-repeat;
    height: 300px;
    width: 900px;
}

.splash-content {
    color: #fff;
    font-family: c, sans-serif;
    font-size: 12px;
    padding: 70px 10px 30px 10px;
}

.splash-content-left {
    float: left;
    width: 630px;
}

.splash-content-right {
    float: right;
    width: 225px;
    padding-top: 145px;
}

.splash-content ul {
    list-style: none;
    font-size: 13px;
}

.splash-content li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.splash-list {
    width: 600px;
    margin-top: 5px;
}

.splash-left {
    float: left;
    margin-left: 15px;
}

.splash-right {
    float: right;
    margin-right: 50px;
}

.splash a {
    color: #d3ff8d;
    text-decoration: none;
}

.splash a:hover {
    color: #9dff00;
    text-decoration: none;
}

/*  Navigation  */
#navigation {
    background: url(/images/navbg.gif) center;
    height: 37px;
    margin: 4px 0px 20px 0px;
    width: 900px;
}

#navigation .left {
    background: url(/images/navbg.gif) bottom left no-repeat;
    height: 37px;
    padding: 0px 0px 0px 10px;
    position: relative;
}

#navigation a {
    display: block;
    float: left;
    height: 37px;
    background: url(/img/nav.gif);
    width: auto;
}

#navigation a span {
    margin: 12px 10px;
    display: block;
    font-weight: bold;
    text-align: center;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Play', sans-serif;
}

#navigation a.active, #navigation a:hover {
    background: #ffffff26;
    transition: 0.8s;
}

#navigation .seperator {
    background-image: url(/images/navbg.gif);
    float: left;
    height: 37px;
    width: 15px;
}

#navigation a.home {
    background-image: url(/images/gl.gif);
    width: 73px;
}

#navigation a.signup {
    background-image: url(/images/gl7.gif);
    position: absolute;
    right: 0px;
    width: 125px;
}

#navigation a.signup2 {
    background-image: url(/images/gl72.gif);
    position: absolute;
    right: 0px;
    width: 125px;
}

.sidenav {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-align: left;
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0;
    border-top: 2pt solid #ccc;
    border-bottom: 2pt solid #ccc;
}

.sidenav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.sidenav li {
    border-bottom: 1px solid #ccc;
    padding-left: 0px;
    padding-top: 0px;
    background-color: #F6F6F6;
}

.sidenav li a {
    display: block;
    padding: 2px 2px 2px 15px;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

.sidenav li a:hover {
    display: block;
    background-color: #333;
    color: #fff;
    border-left: 10px #a9f039 solid;
    padding-left: 10px;
}

.sidenav li a.selected {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background-color: #333;
    border-left: 5px #a9f039 solid;
}

.sidenav ul .sub {
    list-style: none;
    padding-left: 20px;
}

/*  Content  */
.content {
    color: #444;
    font-family: tahoma;
    font-size: 11.5px;
    line-height: 15px;
    margin: 10px auto 10px;
}

.sub_content {
    color: #222222;
    font-family: sans-serif;
    font-size: 11.5px;
    line-height: 16px;
    margin-top: 1px;
    width: 900px;
}

.left_column {
    border-right: solid 1px #cccccc;
    float: left;
    width: 604px;
    padding-right: 10px;
    margin-right: 10px;
}

.lcolumn_content {
    padding: 5px 5px 5px 5px;
}

.lcolumn_content h1 {
    color: #222222;
    font-weight: bold;
    font-size: 14px;
    border-left: 10px solid #a9f039;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-top: 5px;
    text-transform: uppercase;
}

.lcolumn_content h3 {
    color: #222222;
    font-weight: bold;
    font-size: 14px;
    border-left: 10px solid #a9f039;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-top: 5px;
    text-transform: uppercase;
}

.lcolumn_content a {
    color: #4b7b00;
}

.lcolumn_content a:hover {
    color: #62a100;
    text-decoration: none;
}

.right_column {
    background: #fff url(/images/rcolbg.gif) top left repeat-x;
    float: right;
    width: 274px;
    border-radius: 3px;
    border-bottom: 2px solid #333;
}

.rcolumn_content {
    color: #222222;
    font-size: 12px;
    font-family: sans-serif;
    padding: 10px;
}

.rcolumn_fbox {
    margin-top: 20px;
    width: 100%;
}

.rcolumn_fbox h1 {
    color: #a5bd2c;
    font-size: 16px;
    font-weight: normal;
}

.rcolumn_fbstyle {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 10px;
}

.rcolumn_fbstyletw {
    background-color: #fff;
    border: solid 1px #ccc;
}

.rcolumn_fbcontent {
    background-color: #f7f7f7;
    border: 1px solid #e8e8e8;
    color: #222222;
    font-size: 11px;
    padding: 5px;
    margin-top: 5px;
}

.rcolumn_fbmore {
    background: url(/images/rctab.gif) top right no-repeat;
    color: #666;
    font-size: 11px;
    height: 25px;
    text-align: right;
    padding-right: 20px;
}

.rcolumn_fbmore a {
    color: #ff6600;
    text-decoration: none;
}

.rcolumn_fbmore a:hover {
    color: #666;
    text-decoration: none;
}

.box {
    background-color: #f7f7f7;
    border: 1px solid #bbbbbb;
    margin-bottom: 30px;
    padding: 10px;
}

.quote {
    margin-top: 5px;
    border: 1px dotted black;
    padding-left: 8px;
    padding-right: 3px;
}

.review {
    float: right;
    padding-top: 2px;
}

.box2 {
    background: #f7f7f7 url(/images/planbg.gif) top left no-repeat;
    border: 1px solid #bbbbbb;
    margin-bottom: 30px;
    padding: 10px 10px 10px 120px;
}

.box3 {
    background: #f7f7f7 url(/images/mailbg.gif) top left no-repeat;
    border: 1px solid #bbbbbb;
    margin-bottom: 30px;
    padding: 10px 10px 10px 120px;
}

.box3 input {
    padding: 5px;
    font-size: 12px;
    margin-bottom: 5px;
}

.box3 label {
    font-weight: bold;
}

.staffpic {
    float: left;
    border: 1px solid #666;
    width: 100px;
    height: 100px;
}

.staffprofile {
    margin-left: 130px;
    text-align: left;
}

/*  Comparison Table    */
.highlight {
    color: #a5bd2c;
    font-weight: bold;
}

.tframe {
    margin: 30px 0px 30px 0px;
    width: 590px;
}

.tframe2 {
    margin: 40px 0px 30px 0px;
    width: 590px;
}

.tframe h2 {
    font-size: 16px;
    color: #000000;
}

.tb1 {
    background: #333333 url(/images/tbbg.jpg) top left repeat-x;
    color: #ffffff;
    font-family: sans-serif,sans-serif,Verdana,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.tb1a {
    background: #333333 url(/images/tbbg.jpg) top left repeat-x;
    color: #ffffff;
    font-family: sans-serif,sans-serif,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
}

.tb2-fade {
    background: #f7f7f7 url(/images/tbg.png) top left repeat-x;
    border-bottom: 1pt solid #cccccc;
    border-right: 1pt solid #cccccc;
    font-family: sans-serif,sans-serif,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    height: 0px;
}

.tb2 {
    background-color: #f7f7f7;
    border-bottom: 1pt solid #cccccc;
    border-right: 1pt solid #cccccc;
    font-family: sans-serif,sans-serif,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: normal;
    height: 30px;
}

/*  Dedi Boxex  */
.leftbox {
    float: left;
    width: 190px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.midbox {
    float: left;
    width: 190px;
    margin-right: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.rightbox {
    float: left;
    width: 190px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.boxframe {
    border: 1px solid #bbbbbb;
    height: 205px;
    padding: 10px;
}

.c2 {
    background: #fff url(/images/dedibgc2.gif) top;
}

.p2 {
    background: #fff url(/images/dedibgp2.gif) top;
}

.dc2 {
    background: #fff url(/images/dedibgdcx3040.gif) top;
}

.dx2 {
    background: #fff url(/images/dedibgdx24.gif) top;
}

.dc3 {
    background: #fff url(/images/dedibgdcx3210.gif) top;
}

.w2 {
    background: #fff url(/images/dedibgw2.gif) top;
}

.v1 {
    background: #fff url(/images/virt1.gif) top;
}

.v2 {
    background: #fff url(/images/virt2.gif) top;
}

.v3 {
    background: #fff url(/images/virt3.gif) top;
}

.v4 {
    background: #fff url(/images/virt4.gif) top;
}

.boxframe-content {
    color: #666;
    font-size: 12px;
    height: 125px;
}

.boxframe-content ul {
    padding-left: 5px;
    margin-left: 0px;
    list-style-position: inside;
}

.boxframe h2 {
    border-bottom: solid #a5bd2c 2px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.boxframe-left {
    float: left;
    padding-top: 12px;
    width: 50%;
    text-align: left;
}

/*  index Mid  */
.mid {
    margin: 10px 0px 10px 0px;
    width: 900px;
}

.news {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 539px;
}

.news_content {
    color: #333333;
    font-weight: normal;
    font-size: 11px;
    padding: 0px 10px 10px 10px;
    opacity: .9;
}

.news_content2 {
    color: #999999;
    font-weight: normal;
    font-size: 16px;
    padding: 20px 0px 20px 15px;
}

.news_content3 {
    color: #333;
    font-weight: normal;
    font-size: 16px;
    padding: 0px 0px 20px 15px;
}

.news_content3 a {
    color: #619f00;
    text-decoration: none;
}

.news_content3 a:hover {
    color: #6cb100;
    text-decoration: underline;
}

.news_content h2 {
    color: #222;
    font-weight: bold;
    font-size: 16px;
    border-bottom: #222 dotted 1px;
    margin: 10px 0px 7px 0px;
}

.news a {
    color: #619f00;
    text-decoration: none;
}

.news a:hover {
    color: #6cb100;
    text-decoration: underline;
}

/*  news ÄîïîëíèÃÃÆââ‚ÃÆâ€â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚²ÃƒÆ’ƒÂ¥ÃƒÂ«ÃƒÂ¼ÃƒÂ­ÃƒÂ®  */
.news_content h1 {
    color: #222;
    font-size: 16px;
    padding: 5px 5px 5px 10px;
    margin-bottom: 5px;
    font-weight: bold;
    border-bottom: #bbbbbb 1px dotted;
}

.news_content a {
    color: #222;
}

.news_content h1 a:hover {
    color: #999999;
}

.news_content p {
    margin: 3px;
}

/*  news_short  */
.news_short {
    padding: 3px 0px 0px 10px;
    color: #222;
    font-size: 11px;
    float: left;
}

.news_short a {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    border-left: 7px #ccc solid;
    padding-left: 5px;
}

.news_short a:hover {
    color: #7dcc00;
    border-left: 7px #7dcc00 solid;
    padding-left: 5px;
    text-decoration: none;
}

.date {
    float: right;
}

.ec70 {
    background: url(/images/hot_icon.gif) top left no-repeat;
    padding: 7px 0px 5px 35px;
}

.ectran {
    background: url(/images/transfer_icon.gif) top left no-repeat;
    padding: 7px 0px 5px 35px;
    margin-top: 5px;
}

.phone {
    background: url(/images/phone_icon.gif) top left no-repeat;
    padding: 7px 0px 5px 35px;
}

.echat {
    background: url(/images/chat_icon.gif) top left no-repeat;
    padding: 7px 0px 5px 35px;
    margin-top: 5px;
}

.eforum {
    background: url(/images/forum_icon.gif) top left no-repeat;
    padding: 7px 0px 5px 35px;
    margin-top: 5px;
}

.edesk {
    background: url(/images/desk_icon.gif) top left no-repeat;
    padding: 7px 0px 5px 35px;
    margin-top: 5px;
}

.wwreseller {
    background: url(/images/wwreseller.gif) top left no-repeat;
    float: left;
    height: 253px;
    margin-right: 20px;
    width: 250px;
}

.wwr_content {
    font-size: 11px;
    line-height: 14px;
    padding: 5px;
}

.wwr_title {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 22px;
}

.wwr_subtitle {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}

/*.mid_right {background:) top left no-repeat; float: right; height: 425px;margin-top:20px; padding: 10px 2px 0px 4px; width: 345px;}*/
.mid_right {
    background: ) top left no-repeat;
    float: right;
    height: 340px;
    margin-top: 20px;
    padding: 10px 2px 0px 4px;
    width: 345px;
}

#.mid_right {
    background: url(/images/mid_right_bg.gif) top left no-repeat;
    float: right;
    height: 483px;
    margin-top: 10px;
    padding: 12px 2px 0px 4px;
    width: 345px;
}

.mr_section {
    background: url(/images/mr_section.gif) top left no-repeat;
    height: 60px;
    margin-bottom: 10px;
    width: 341px;
}

.mr_icon {
    float: left;
    padding: 6px 15px 10px 13px;
}

a.mr_link {
    display: block;
    float: right;
    margin-top: 35px;
    width: 20px;
    height: 25px;
}

.mr_content {
    color: #666666;
    font-size: 11px;
    line-height: 14px;
    padding-top: 2px;
    text-align: left;
}

.mr_content h2 {
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 18px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

.mr_content h2 a:hover {
    color: #333333;
}

.migleft {
    float: left;
}

.migright {
    float: right;
}

.migration_section {
    background: url(/images/migbg.gif) top left no-repeat;
    height: 70px;
    margin-bottom: 10px;
    width: 271px;
}

.migration_icon {
    float: left;
    padding: 13px 15px 10px 13px;
}

a.migration_link {
    display: block;
    float: right;
    margin-top: 35px;
    width: 20px;
    height: 25px;
}

.migration_content {
    color: #666666;
    font-size: 11px;
    line-height: 14px;
    padding-top: 11px;
    text-align: left;
}

.migration_content h2 {
    color: #222222;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 18px;
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

/*  Footer  */
#footer {
    margin: 15px auto 0px;
    padding: 0px;
    width: 900px;
}

.footer_bar {
    background: url(/images/niz.jpg) center;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    height: 37px;
    text-align: right;
    width: 898px;
}

.fb_links {
    color: #333;
    float: right;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding-top: 10px;
    margin-right: 25px;
}

.fb_links a {
    color: #333;
    margin-left: 5px;
    margin-right: 5px;
    text-decoration: none;
}

.fb_links a:hover {
    color: #666;
    text-decoration: none;
}

.fb_icon {
    float: right;
    padding-right: 1px;
}

.footer_dark {
    background: #333333 url(/images/footer_bottom.gif) bottom right no-repeat;
    height: 30px;
    color: #ccc;
    font-family: sans-serif;
    font-size: 10px;
    padding: 5px 10px 5px 0px;
    text-align: right;
}

.footer_dark a {
    color: #ccc;
    text-decoration: none;
}

.footer_dark a:hover {
    color: #ddd;
}

#footer_banners {
    float: left;
    margin-left: 10px;
    display: flex;
}

#best-serv-bg {
    background: url(/images/bestserver_bg.gif);
    width: 900px;
    height: 220px;
    float: right;
    margin-top: 10px;
    border-radius: 5px;
}

#best-serv {
    background: url(/images/bestserver_bg_on.gif) 0px -160px;
    width: 890px;
    height: 205px;
    float: right;
    margin: 12px 5px 0px 0px;
}

#best-serv .blocks {
    display: inline;
    float: left;
    padding: 7px 16px 0px;
    text-align: center;
    width: 115px;
    color: #333;
    font-size: 11px;
}

#best-serv h3 {
    border: 0;
    color: #333;
    float: none;
    margin: 0px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    font-size: 12px;
}

#best-serv h3 a {
    color: #666;
    float: none;
    margin: 0 12px;
    text-decoration: none;
}

#best-serv a.serv_port, #clan_list .serv_port, #status .block .content .serv_port {
    color: #67a700;
    font-weight: none;
    text-decoration: none
}

#best-serv a.serv_port:hover {
    color: #75be00;
    text-decoration: underline;
}

#best-serv a:hover {
    color: #666
}

#best-serv a.arenda {
    color: #7F7F7F;
}

#best-serv a.arenda:hover {
    color: #75be00;
    text-decoration: underline;
}

#best-serv img {
    border-radius: 10px 10px 10px 10px;
}

/* CSS Panel */
#header_panel {
    width: 900px;
    margin: auto;
    padding: 10px;
    background: url(/images/back_panel.gif);
    height: 80px;
    margin-top: 30px;
}

#black_logo {
    margin: auto;
    float: right;
}

#login_panel {
    font-size: 14px;
}

#login_panel a {
    font-size: 16px;
    text-decoration: underline;
}

#login_panel a:hover {
    font-size: 16px;
    text-decoration: underline;
    color: #0b5000;
}

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

.content_panel_info_server {
    background: #faf7f7;
    border: 1px solid #333333;
    margin-top: 12px;
}

.titleh1 h1 {
    color: #222;
    font-size: 16px;
    padding: 5px 5px 2px 10px;
    margin: 0 0 8px 0;
    font-weight: bold;
    border-bottom: #bbbbbb 1px dotted;
    color: rgba(0,0,0,0.8);
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
}

/* CSS Panel interface Menu */
#interface_panel {
    width: 900px;
    height: 150px;
    margin: auto;
}

.interface_info {
    font-size: 12px;
}

.interface_info a {
    font-size: 12px;
    color: #f2f2f2;
    font-weight: bold;
    text-decoration: none;
}

.interface_info a:hover {
    font-size: 12px;
    color: #dddddd;
}

.interface_info_left {
    font-size: 12px;
    float: left;
    margin: -4px 0px 8px 0px;
    color: #ffffff;
}

.interface_info_left a {
    font-size: 12px;
    color: #e4e4e4;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.298), 1px 1px 1px 1px rgba(0, 0, 0, 0.506), 0px 1px 0px rgba(255, 255, 255, 0.298) inset;
    padding: 4px;
}

.interface_info_left a:hover {
    font-size: 12px;
    text-decoration: underline;
    color: #f2f2f2;
    border-radius: 5px;
    box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.900), 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 1px 0px rgba(255, 255, 255, 0) inset;
    padding: 4px;
}

.interface {
    float: left;
    border: 2px solid #e6e6e6;
}

.interface ul {
    font-size: 14px;
    list-style: none;
    width: 260px;
    padding: 0px;
    margin: 0px;
}

.interface li {
    font-size: 14px;
    list-style: none;
    height: 33px;
    background: #f8f8f8;
    margin: 0px 0 1px 0px;
    padding: 2px 0 0 10px;
}

.interface li a {
    font-size: 13px;
    padding: 5px;
    margin: 3px;
    border-radius: 5px;
    box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.298), 0px 0px 0px 0px rgba(0, 0, 0, 0.506), 0px 1px 0px rgba(255, 255, 255, 0.298) inset;
}

.interface li a:hover {
    font-size: 13.5px;
    color: #000000;
    background: #e6e6e6;
    padding: 5px;
}

.interface_info li {
    margin-left: -5px;
    padding: 0px;
    list-style: none;
    display: inline;
}

.interface_info li a {
    font-size: 12px;
    color: #e4e4e4;
    padding: 10px 8px 10px 8px;
    border-right: 1px solid #212121;
}

.interface_info li a:hover {
    font-size: 12px;
    color: #f2f2f2;
    background-color: rgba(32, 32, 32, 0.95);
}

.interface_right {
    float: right;
    padding: 28px 30px 0px 0px;
    font-size: 12px;
    color: rgba(0,0,0,0.7);
    text-shadow: 2px 4px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
}

.info_panel_serv {
    margin: 10px;
    font-size: 14px;
    min-height: 224px;
}

.info_panel_serv a {
    font-size: 14px;
    color: #599100;
}

.info_panel_serv a:hover {
    color: #000;
    text-decoration: underline;
}

.info_panel {
    margin: 10px;
    font-size: 14px;
    min-height: 50px;
}

.info_panel a {
    font-size: 14px;
    color: #599100;
}

.info_panel a:hover {
    color: #000;
    text-decoration: underline;
}

/* CSS header Panel Menu */
#header_panel_menu {
    width: 100%;
    height: 20px;
    background: url(/images/panel/header_bg.gif);
    margin: auto;
    padding: 7px 0 4px 0;
    font-family: sans-serif;
    font-size: 12px;
    color: #e4e4e4;
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: rgba(30, 30, 30, 0.95);
    background-position: 0 0;
    background-repeat: repeat;
    border-bottom: solid #000 1px;
    position: fixed;
    top: 0;
    z-index: 15000;
    box-shadow: 0px 0px 2px #00000;
    opacity: 0.95;
}

#header_panel_menu ul {
    margin: 0px;
    padding: 0px 0px 0px 5px;
    display: inline;
}

#header_panel_menu li {
    margin-left: -5px;
    padding: 0px;
    list-style: none;
    display: inline;
}

#header_panel_menu li a {
    font-size: 12px;
    color: #e4e4e4;
    padding: 10px 8px 10px 8px;
    border-right: 1px solid #212121;
}

#header_panel_menu li a:hover {
    font-size: 12px;
    color: #f2f2f2;
    background-color: rgba(32, 32, 32, 0.95);
}

/* Firefox Only */
@-moz-document url-prefix() {
    #header_panel_menu li a {
        font-size: 12px;
        color: #e4e4e4;
        padding: 10px 8px 9px 8px;
        border-right: 1px solid #212121;
    }
}

/* ðåêëàìêÃÂÃâ€ÅÃâ€ÃâÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚  */
.escape_content {
    width: 234px;
    height: 210px;
    background: url(/images/pcw_eac.jpg);
}

#serv_stat {
    background: #efecec;
    border: 1px solid #e6e5e5;
    float: right;
    margin: 0 0 5px;
    width: 250px
}

#serv_stat .counter {
    background: url(/images/counter.png);
    height: 42px;
    line-height: 17px;
    margin: 2px auto 0;
    padding: 6px 15px 0;
    width: 190px
}

#serv_stat .counter span {
    float: right
}

#serv_stat p {
    margin: 12px 0 16px
}

#serv_stat a {
    color: #304C12;
    font-weight: bold
}

.dock-container {
    position: relative;
    top: -8px;
    height: 50px;
    padding-left: 20px;
}

a.dock-item {
    display: block;
    width: 50px;
    position: absolute;
    bottom: 0;
    text-align: center;
    text-decoration: none;
    color: #333;
}

.dock-item span {
    display: none;
    padding-left: 20px;
}

.dock-item img {
    border: 0;
    margin: 5px 10px 0px;
    width: 100%;
}

.block-menu a {
    background: padding-box #EFEFEF;
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.298), 0px 2px 2px -1px rgba(0, 0, 0, 0.506), 0px 1px 0px rgba(255, 255, 255, 0.298) inset;
}

/*-- money  --*/
#money_history .head, #money_rekviziti .head {
    background: #EBFFCC;
    border: 0;
    height: 26px;
    line-height: 26px
}

#money_history ul, #money_rekviziti ul {
    padding: 0
}

#money_history ul div, #money_rekviziti ul div, #proKreedz_detals ul div, #proKreedz_stats ul div {
    float: left
}

#money_history li, #money_rekviziti li {
    border-bottom: 1px solid #d2d2d2;
    height: 37px;
    line-height: 37px;
    padding: 0 25px
}

#money_history ul span, #money_rekviziti ul span {
    color: #9e0b0f;
    font-weight: bold
}

/*-- money_history --*/
#money_history .date {
    text-align: center;
    width: 150px
}

#money_history .cost {
    margin-left: 66px;
    width: 100px ;
    font-weight: normal;
}

#money_history .page_listing {
    color: #939393;
    padding-left: 26px
}

#money_history .page_listing b {
    color: #555
}

/*-- money_rekviziti_dobavlenie --*/
#money_rekviziti_dobavlenie .form {
    padding-left: 18px
}

#money_rekviziti_dobavlenie .block-info {
    margin: 6px 0 20px 0
}

#money_rekviziti_dobavlenie .button {
    margin-left: 22px
}

#money_rekviziti_dobavlenie .form input {
    background: #FFF8EE;
    border: 1px solid #4A4A4A
}

/*-- money_rekviziti --*/
#money_rekviziti ul div {
    width: 175px;
    list-style: none;
}

#money_rekviziti li img {
    float: right;
    margin-top: 12px;
    list-style: none;
}

#money_rekviziti .add {
    padding-left: 15px
}

#money_rekviziti .add a {
    color: #362a1e;
    font-weight: bold
}

#money_history .menu, #money_rekviziti .menu, #money_zayvka_vivoda .menu {
    margin: 0;
    padding: 0
}

#easyTooltip {
    padding: 1px;
    border: 1px solid #98E321;
    background: #F2F2F2;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #666666;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    font-family: sans-serif;
    font-size: 11px;
}

/*-- zakaz_servera --*/
#zakaz_servera label {
    font-weight: bold;
    margin: 0 3px;
}

#zakaz_servera select {
    background: none repeat scroll 0 0 #E1FFB2;
    float: right;
    font-size: 14px;
    font-family: sans-serif;
    opacity: 0.7;
    height: 30px;
    text-align: left;
    width: 240px;
    border-radius: 3px;
}

#zakaz_servera .block-info {
    margin: 9px 3px;
}

#zakaz_servera .text_infocs {
    text-align: justify;
    opacity: 0.9;
    font-size: 11px
}

#zakaz_servera span {
    color: #FF5900;
    font: bold 18px sans-serif;
}

#zakaz_servera .pay {
    font-size: 14px;
    background: #000000c7;
    border-left: 6px solid green;
    padding: 7px;
    color: white;
}

#zakaz_servera .pay2 {
    padding-left: 40px;
    margin-top: 10px;
    font-size: 12px;
}

#zakaz_servera .button {
    display: inline-block;
    *display: inline;
    zoom: 1; padding: 6px 37px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)),;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

#zakaz_servera .button:hover {
    background-color: #eee;
    color: #555;
}

#zakaz_servera .button:active {
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

/*-- #zakaz_servera .button{
    height: 30px;
    border: 3px solid #99CE4E;
    background: #F4F7F7;
    padding: 5px 8px;
    border-radius: 8px;


}
#zakaz_servera .button:hover {

background: #DAEDD5;}
#zakaz_servera .button:active {
    color: #3D3D3D;

}

/*-- zakaz_servera --*/
#zakaz_servera2 select {
    font-size: 0px ;
    height: 0px;
    width: 0px;
    opacity: 0;
}

#zakaz_servera2 .text_infocs {
    text-align: justify;
    opacity: 0.8;
    font-size: 11px
}

#monitor .content div div {
    float: left;
    font-size: 12px;
    padding-left: 12px
}

#monitor .content div div a {
    color: #444444;
    text-decoration: none;
}

#monitor .content div {
    border-bottom: 1px solid #A6C799;
    height: 23px;
    line-height: 23px;
    overflow: hidden
}

#monitor .content .head a {
    color: #6c6c6c;
    font-weight: normal;
    text-transform: lowercase;
    text-decoration: underline
}

#monitor .type {
    width: 22px;
    text-align: center
}

#monitor .private {
    width: 5px;
    text-align: center
}

#monitor .private img {
    margin-top: 3px
}

#monitor .name {
    width: 160px
}

#monitor .adress {
    width: 135px
}

#monitor .map {
    text-align: center;
    width: 60px
}

#monitor .gamers {
    color: #005826;
    text-align: center;
    width: 55px
}

#monitor .locacia {
    text-align: center;
    width: 78px
}

#monitor .status {
    color: #46B028;
    text-align: center;
    width: 55px
}

#monitor .status b {
    color: #76B90A
}

/*-- clan_list --*/
#clan_list .content {
    padding: 15px;
    font-size: 11px;
}

#clan_list h3 a {
    color: #304C12;
    font-weight: bold;
    margin: 0
}

#clan_list ul {
    margin: 0;
    padding: 0
}

#clan_list .content div {
    float: left
}

#clan_list li {
    float: left;
    padding: 14px 0;
    width: 100%
}

#clan_list .content ul {
    margin: 0px;
    padding: 0px;
}

#clan_list .content li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#clan_list .amount {
    color: #a0410d
}

#clan_list .head {
    background: #92df16;
    height: 20px;
    line-height: 20px;
    padding: 0px;
    color: #fff;
    border-top: 1px solid #6fb107;
    border-bottom: 1px solid #6fb107;
    font-size: 12px;
}

#clan_list .head a {
    color: #010101
}

#clan_list .number {
    padding-left: 10px;
    width: 60px;
    float: left;
}

#clan_list .comanda {
    width: 600px;
    float: right;
    margin: 5px 0px 5px 5px;
}

#clan_list .comanda img {
    margin: 10px
}

#clan_list .nick, #clan_inside_open .nick {
    color: #b00000;
    font-weight: bold;
    text-decoration: none
}

#clan_list span {
    color: #7b2e00
}

#clan_list .red {
    color: #304C12
}

.container {
    margin: 0px 0 5px;
    padding-left: 0px
}

.container .content {
    padding: 0px 15px;
}

.container img {
    border: 1px solid #E9E9E9;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px #333333;
}

.page_listing {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    color: #222;
}

.page_listing a {
    padding: 4px;
    display: inline;
    text-decoration: none;
    color: #222;
}

.page_listing a:hover {
    padding: 4px;
    color: #555;
    background: #ddd;
}

.page_listing span {
    padding: 4px;
    background: #ddd;
    color: #aaa;
}

/*-- clan_inside_open --*/
#clan_inside_open .content .block_r {
    float: right;
    font-weight: bold;
    width: 210px;
    padding: 40px 0px 0px 0px;
}

#clan_inside_open .content .block_r a {
    color: #a0410d;
    text-decoration: none
}

#clan_inside_open li {
    list-style: none
}

#clan_inside_open .table {
    margin: 20px 0
}

#clan_inside_open .table li.head {
    background: #c7b29a;
    font-weight: bold
}

#clan_inside_open ul {
    padding: 0
}

#clan_inside_open .table li {
    background: #ddd;
    border-bottom: 1px solid #fff;
    height: 20px;
    list-style: none;
    line-height: 20px
}

#clan_inside_open li.color {
    background: #f4eadf
}

#clan_inside_open .table div {
    float: left
}

#clan_inside_open .match {
    padding-left: 20px;
    width: 460px
}

#clan_inside_open .gamer {
    text-align: center;
    width: 60px
}

#clan_inside_open .map {
    text-align: center;
    width: 230px
}

#clan_inside_open .block_01 .content {
    padding: 0 0 0 13px
}

#clan_inside_open .block_01 ul {
    padding-left: 15px;
    line-height: 20px
}

#clan_inside_open .block_01 a {
    color: #0b2e3f
}

#clan_inside_open .block_03 ul {
    padding-left: 20px;
    font-weight: bold;
    line-height: 18px
}

#clan_inside_open .block_03 a {
    color: 003663;
    text-decoration: none
}

#clan_inside_open .block_03 a:hover {
    text-decoration: underline
}

#clan_inside_open .block_04 {
    border-bottom: 1px solid #E6E6E6;
    padding: 5px 13px
}

#clan_inside_open .block_04 b {
    color: #304C12
}

#clan_inside_open .block_04 a {
    color: #307fa6;
    font-weight: bold
}

#clan_inside_open .block_04 span {
    color: #406618;
    font-weight: bold
}

#clan_inside_open .block_05 {
    padding: 5px 13px
}

#clan_inside_open .block_05 a {
    color: #65A205;
    font-weight: bold;
    text-decoration: none
}

#clan_inside_open .block_05 a.blue {
    color: #307fa6
}

#clan_inside_open .title {
    background: #404040;
    color: #fff;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding-left: 10px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.196), 0px -5px 35px rgba(255, 255, 255, 0.298)
}

#clan_inside_open .head {
    background: #c7b29a;
    font-weight: bold
}

#clan_inside_open ul {
    padding: 0
}

#clan_inside_open .block_02 li {
    background: #ddd;
    border-bottom: 1px solid #fff;
    height: 20px;
    list-style: none;
    line-height: 20px
}

#clan_inside_open .color {
    background: #f4eadf
}

#clan_inside_open .comanda {
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.196), 0px -5px 35px rgba(255, 255, 255, 0.298)
}

#clan_inside_open .comanda img {
    margin: 0px 10px 10px 0px;
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.196), 0px -5px 35px rgba(255, 255, 255, 0.298)
}

/*-- server_inside --*/
#server_inside {
    margin-bottom: 17px
}

#server_inside h3 {
    color: #005E20
}

#server_inside .content {
    font-weight: bold;
    padding: 10px 31px 10px 27px
}

#server_inside .content a {
    text-decoration: none
}

#server_inside .content span {
    font-weight: normal;
}

#server_inside .content .block, #clan_inside_open .content .block {
    font-weight: normal;
    margin-left: 8px;
    padding: 0 10px;
    width: 830px
}

#server_inside .content .block a, #clan_inside_open .content .block a {
    text-decoration: underline
}

#server_inside .content .block .col_1, #clan_inside_open .content .block .col_1 {
    background: none;
    font-weight: bold
}

#server_inside .content .block .col_2, #clan_inside_open .content .block .col_2 {
    background: none;
    font-weight: bold
}

#server_inside .content .block_r {
    float: right;
    font-weight: bold;
    margin: 3px 0 20px 0;
    width: 215px
}

#block_r_a a {
    padding: 5px;
    display: block
}

#server_inside .content .block_r a, #clan_inside_open .content .block_r a {
    color: #005826
}

.tablerow {
    margin: 0px;
    padding: 0px;
    width: 575px;
    border: 2px solid #cccccc;
}

.info_server {
    padding: 0px 0px 0px 0px;
    margin: 0px 20px 0px 0px;
    font-weight: normal;
    float: right;
}

/*-- info_danger --*/
.info_danger {
    margin: 10px;
    font-size: 14px;
    color: #3939239;
    text-align: justify;
}

/*-- registration --*/
#register .form {
    padding: 10px 19px;
    width: 382px
}

#register .form input {
    background: #ffffff;
    border: 1px solid #5a5a5a;
    float: right;
    margin-bottom: 9px;
    width: 222px;
    -webkit-border-radius: 3px;
    height: 21px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0.8;
}

#editclan .form .sostva {
    background: #ffffff;
    float: right;
    margin-bottom: 9px;
    width: 222px
}

#register .form textarea {
    background: #ffffff;
    border: 1px solid #5a5a5a;
    float: right;
    margin-bottom: 9px;
    width: 222px
}

#register .form input.radio, #register .form label.pol {
    float: right;
    width: auto
}

#register .form label.pol {
    margin-right: 30px
}

#register .form input.radio {
    margin-left: 20px
}

#register .form select {
    background: #ffffff;
    border: 1px solid #5a5a5a;
    float: right;
    font-size: 11px;
    margin-bottom: 9px;
    padding: 1px;
    width: 224px
}

#register .mbn selectmargin-bottom:0}

#register .green {
    color: #005e20;
    font-weight: bold;
    padding-left: 45px;
    text-transform: uppercase
}

#register .birthday select {
    opacity: .8;
    margin-left: 11px;
    width: 68px
}

#register .birthday2 select {
    opacity: .8;
}

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

div.top_menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: #000;
}

div.top_menu div.home {
    margin: 9px 25px;
}

div.top_menu a {
    color: #fff;
    text-decoration: none;
}

div.top_menu a:hover {
    text-decoration: underline;
}

div.top_menu div.title {
    margin: 0 25px;
    float: right;
}

div.top_menu div.title h1 {
    font-size: 100%;
    font-weight: normal;
}

div.wrap {
    margin: 50px auto;
    width: 600px;
}

ul.slides_rotator {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

div.rotator {
    float: left;
    margin: 0 0px;
    position: relative;
}

a.rotator-nav {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    z-index: 3;
    cursor: pointer;
}

a.rotator-nav div {
    height: 32px;
    width: 32px;
    background: url('/images/nav.png') no-repeat;
}

#rotator-left {
    left: -16px;
}

#rotator-left div {
    background-position: 0 0;
}

#rotator-left:hover div {
    background-position: 0 -32px;
}

#rotator-right {
    right: -16px;
}

#rotator-right div {
    background-position: -32px 0;
}

#rotator-right:hover div {
    background-position: -32px -32px;
}

.text_spoiler {
    border: 1px dotted #ccc;
    background: #eee;
}

.news_btn {
    overflow: hidden;
    clear: both;
    margin: 5px 0 0 0;
}

.vk_btn {
    font-size: 11px;
    display: block;
    float: right;
    margin: 0 5px 0 0;
}

.vk_btn a {
    color: #2b5e81;
}

.tw_btn {
    font-size: 11px;
    display: block;
    float: right;
    margin: 0 5px 0 0;
}

.tw_btn a {
    color: #2b5e81;
}

.ya_btn {
    font-size: 11px;
    display: block;
    float: right;
    margin: 0 5px 0 0;
}

.ya_btn a span:first-letter {
    color: #ee4348;
}

.google_btn {
    font-size: 11px;
    display: block;
    float: right;
    margin: 0 5px 0 0;
}

.google_btn a {
    color: #2b5e81;
}

.code_btn {
    font-size: 11px;
    display: block;
    float: right;
}

.code_btn a {
    color: #72990e;
}

.news_btn a, .news_btn a span {
    float: left;
    max-width: 290px;
    overflow: hidden;
    height: 30px;
    padding: 0 0 0 5px;
    background: url('/images/soc_btn.png') no-repeat;
}

.news_btn a span {
    display: block;
    line-height: 27px;
    padding: 0 8px 0 0;
    background-position: 100% 100%;
}

.news_btn a span img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.news_btn a:hover {
    text-decoration: none;
}

/* 
.short { padding-bottom: 9px; }

.short5 { padding: 0px 0px 5px 0px; }
.short5 a:hover { text-decoration: none; }
.short5 img  { border: 1px solid #E9E9E9;
border-radius: 3px 3px 3px 5px;
box-shadow: 0 2px 3px #333333; 
padding-top:3px; 

}shortstory */
/* ==================== ÓâåäîìëÃÃÆâ€ÃÃâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¥ÃƒÆ’ƒÂ­ÃƒÂ¨ÃƒÂ¥ î ïîëÃÆââ‚ÃââÃÂÂ¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚³ÃƒÆ’·Ã¥Ã­Ã¨Ã¨ íîÃÃâ€ÂÂÃâââÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ ÃƒÆ’ƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÆ’»Ãµ PM */
#newpm {
    position: absolute;
    width: 400px;
    padding: 4px;
    background-color: #fdfdfd;
    border: 1px solid #bbbbbb;
    font-family: verdana;
    font-size: 12px;
    color: #757575;
    line-height: 135%;
}

#newpmheader {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    height: 16px;
    color: #ffffff;
    font-weight: bold;
    background-color: #A1DD42;
    font-family: verdana;
    font-size: 14px;
    cursor: move;
}

#newpm a {
    background: transparent;
    color: #4d6a8a;
    text-decoration: none;
}

#newpm a:hover {
    background: transparent;
    color: #4d6a8a;
    text-decoration: underline;
}

.tabs {
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding: 0;
}

.page_tabs {
    list-style: none;
    height: 32px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: -20px;
    border-bottom: none;
}

.tabs li, .page_tabs li {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 31px;
    line-height: 32px;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    position: relative;
    background: #eaeaea url('/images/tab-bg.png') repeat-x;
    margin-right: 2px;
    margin-bottom: -1px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.page_tabs li.active a {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.tabs li a, .page_tabs li a {
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    display: block;
    padding: 0px 20px;
    outline: none;
}

.tabs li a:hover, .page_tabs li a:hover {
    color: #89C033;
}

.tabs li.active, .tabs li.active a, .tabs li.active a:hover, .page_tabs li.active, .page_tabs li.active a, .page_tabs li.active a:hover {
    color: #333333;
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
}

.tab_container {
    border: 1px solid #e0e0e0;
    border-top: none;
    overflow: hidden;
    margin-bottom: 20px;
    background: #ffffff;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tab_content {
    margin: 19px;
    /* 20 - border */
}

.section_title {
    margin: 101px;
}

#button_reg {
    display: inline-block;
    *display: inline;
    zoom: 1; padding: 6px 40px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)),;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.button_reg:hover {
    background-color: #eee;
    color: #555;
}

.button_reg:active {
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.input--haruki {
    margin: 4em 1em 1em;
}

.input__field--haruki {
    padding: 0.4em 0.25em;
    width: 100%;
    background: transparent;
    color: #AFB5BB;
    font-size: 1.55em;
}

.input__label--haruki {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
}

.input__label-content--haruki {
    transition: transform 0.3s;
}

.input__label--haruki::before, .input__label--haruki::after {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 4px;
    background: #6a7989;
    transition: transform 0.3s;
}

.input__label--haruki::before {
    top: 0;
}

.input__label--haruki::after {
    bottom: 0;
}

.input__field--haruki:focus + .input__label--haruki .input__label-content--haruki, .input--filled .input__label-content--haruki {
    transform: translate3d(0, -90%, 0);
}

.input__field--haruki:focus + .input__label--haruki::before, .input--filled .input__label--haruki::before {
    transform: translate3d(0, -0.5em, 0);
}

.input__field--haruki:focus + .input__label--haruki::after, .input--filled .input__label--haruki::after {
    transform: translate3d(0, 0.5em, 0);
}

display: block; padding: 0 24px 0 8px; /*ÐàññòîÿÃÂÃâ€ÅÃââ‚ÂÂÃ‚¬ÃƒÆ’…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚­ÃƒÆ’ƒÂ¨ÃƒÂ¥ ìåæäó ÃÂÃÃÃÂÃâ€šÃ‚¢ÃƒÆ’¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚½ÃƒÆ’ƒÆ’«Ã¥Ã¬Ã¥Ã­Ã²Ã ÃÃââÃÃÃÃ‚¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’ƒÂ¨ ìåíþ*/
}

.glossymenu li.current a, .glossymenu li a:hover {
    color: #fff;
    background: url(/images/menuu/menur_hover_left.gif) no-repeat;
    /*ïóòü ê ëåÃÂÃâ€ÅÃâ€ÃÃ¢â‚¬Â¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚¢ÃƒÆ’ƒÂ®ÃƒÂ© êàðòèÃÂÃÃâÃÃƒÆ’‚¢Ã¢â‚¬Å¡Ã‚¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚­ÃƒÆ’Įջ̴*/
    background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b {
    color: #fff;
    background: url(/images/menuu/menur_hover_right.gif) no-repeat right top;
    /*ïóòü ê ïðÃÂÃâ€ÅÃâ€ÃÃ¢â‚¬Â¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚ ÃƒÆ’ƒÂ¢ÃƒÂ®ÃƒÂ© êàðòÃÂÃÃâÃÃƒÆ’‚¢Ã¢â‚¬Å¡Ã‚¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¨ÃƒÆ’ƒÆ’­ÃªÃ¥*/
}

/* new */
.auth {
    margin-top: 10px;
    width: 136px;
    padding: 8px;
    border: 0px;
    background: #4a4a4a;
    font-size: 12px;
    color: #e4e4e4;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
}

.auth:hover {
    background: #333333;
}

.input_login {
    height: 17px;
    width: 103px;
    border-radius: 5px;
    margin-right: 10px;
    background: #4d4d4d;
    color: white;
}

.butt_order {
    border: 0px;
    height: 33px;
    width: 160px;
    padding: 10px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e82e2e), color-stop(1, #9e2d2d));
    border-radius: 3px;
    color: white;
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
    text-align: center;
    text-transform: uppercase;
    font: bold 13px 'Open Sans', arial, sans-serif;
    margin-left: 80px;
}

.butt_order:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9c0000), color-stop(1, #9e2d2d));
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
}

.success {
    padding: 15px;
    background: #84d603;
    border: 1px solid #b6f74d;
    border-radius: 5px;
    color: white;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: cursive;
}

.danger {
    padding: 15px;
    background: #f44336;
    border: 1px solid #ff5447;
    border-radius: 5px;
    color: white;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: cursive;
}

.server_list {
    width: 100%;
    min-height: 180px;
    box-shadow: 0px 0px 6px #8b8b8b;
    border-radius: 3px;
    margin-bottom: 50px;
    display: block;
    background: linear-gradient(130deg, #ffffff, #9e9e9e42);
}

.server_butt {
    float: right;
    margin-right: 0px;
    display: block;
    margin-top: -30px;
}

.server_link {
    padding: 6px 15px 7px 15px;
    background: #dededf;
    color: #525252;
    border-radius: 2px;
    box-shadow: 0px 0px 3px;
    font-family: inherit;
    display: inline;
    border-bottom: 1px solid #a5a5a5;
    font-weight: bold;
}

.server_link:hover {
    padding: 6px 15px 7px 15px;
    background: #cecece;
    color: #525252;
    border-radius: 2px;
    box-shadow: 0px 0px 3px;
    font-family: inherit;
    display: inline;
    border-bottom: 1px solid #a5a5a5;
}

.map_img {
    height: 150px;
    width: 200px;
    background: #dededf;
    margin: 10px 0px 0px 8px;
    position: absolute;
    border: 5px solid white;
    box-shadow: 0px 0px 4px #0f0f0f;
    border-radius: 5px;
}

.server_info {
    display: block;
    padding-left: 230px;
    padding-top: 30px;
    font-size: 13px;
    text-shadow: 0px 0px 1px;
    font-weight: bold;
    font-family: system-ui;
}

.button_control {
    display: block;
    float: right;
    margin-right: 8px;
    margin-top: -120px;
}

.button_on {
    border: 1px solid #f7f7f7;
    width: 150px;
    padding: 7px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #84d603), color-stop(1, #70b700));
    border-radius: 5px;
    color: white;
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
    text-align: center;
    text-transform: uppercase;
    font: bold 13px 'Open Sans', arial, sans-serif;
}

.button_on:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #70b308), color-stop(1, #599200));
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
}

.button_off {
    border: 1px solid #f7f7f7;
    width: 150px;
    padding: 7px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e82e2e), color-stop(1, #9e2d2d));
    border-radius: 5px;
    color: white;
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
    text-align: center;
    text-transform: uppercase;
    font: bold 13px 'Open Sans', arial, sans-serif;
}

.button_off:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9c0000), color-stop(1, #9e2d2d));
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
}

.button_back {
    width: 150px;
    height: 30px;
    border-radius: 5px;
    background: #007eb7;
    border: 1px solid #03A9F4;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.button_back:hover {
    width: 150px;
    height: 30px;
    border-radius: 5px;
    background: #006359;
    border: 1px solid #2196F3;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.button_reload {
    border: 1px solid #f7f7f7;
    width: 150px;
    padding: 7px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8b8b8b), color-stop(1, #505050));
    border-radius: 5px;
    color: white;
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
    text-align: center;
    text-transform: uppercase;
    font: bold 13px 'Open Sans', arial, sans-serif;
}

.button_reload:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
}

.button_exe {
    border: 1px solid #f7f7f7;
    width: 150px;
    padding: 7px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6b02), color-stop(1, #b75400));
    border-radius: 5px;
    color: white;
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
    text-align: center;
    text-transform: uppercase;
    font: bold 13px 'Open Sans', arial, sans-serif;
}

.button_exe:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));
    box-shadow: 0 3px 1px 0 rgba(255,255,255, 0.05) inset, 0 2px 3px 0 rgba(0,0,0,.2);
}

.map_info {
    margin-top: -32px;
    font-size: 13px;
    background: #00000078;
    width: 185px;
    display: block;
    position: absolute;
    color: white;
    padding-left: 15px;
    height: 32px;
    border-radius: 3px;
}

.panel_manag {
    display: block;
    background: #f8f8f8;
    width: 900px;
    height: 246px;
    box-shadow: 0px 0px 3px #8b8b8b;
    margin-bottom: 3px;
    border-radius: 3px;
}

.panel_server {
    width: 100%;
    height: auto;
}

.panel_info {
    width: 370px;
    height: 200px;
    margin-top: -270px;
    float: right;
    display: block;
    margin-right: -20px;
}

.manage_1 {
    width: 225px;
    display: inline-block;
    margin-left: -5px;
    border-right: 2px solid #d4d4d4;
}

.manage_2 {
    width: 220px;
    display: inline-block;
    border-left: 2px solid #d4d4d4;
    border-right: 2px solid #d4d4d4;
}

.manage_3 {
    width: 220px;
    display: inline-block;
    border-left: 2px solid #d4d4d4;
    border-right: 2px solid #d4d4d4;
}

.manage_4 {
    width: 217px;
    display: inline-block;
    border-left: 2px solid #d4d4d4;
}

.manage_1 li {
    padding: 2px;
    border-radius: 5px;
    display: inline;
}

.manage_1 li a {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: -10px;
    box-shadow: 2px 0px 2px #8b8b8b;
    text-shadow: 0px 0px 2px #a7a7a7;
    width: 150px;
    display: block;
    margin-left: 5px;
}

.manage_1 li a:hover {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 0px 2px #8b8b8b;
    background: url(/images/nav.png) no-repeat 135px 1px #e5e5e5;
}

.manage_2 li {
    padding: 10px;
    border-radius: 5px;
    display: inline;
}

.manage_2 li a {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: -10px;
    box-shadow: 2px 0px 2px #8b8b8b;
    text-shadow: 0px 0px 2px #a7a7a7;
    width: 150px;
    display: block;
    margin-left: 2px;
}

.manage_2 li a:hover {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 0px 2px #8b8b8b;
    background: url(/images/nav.png) no-repeat 135px 1px #e5e5e5;
}

.manage_3 li {
    padding: 10px;
    border-radius: 5px;
    display: inline;
}

.manage_3 li a {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: -10px;
    box-shadow: 2px 0px 2px #8b8b8b;
    text-shadow: 0px 0px 2px #a7a7a7;
    width: 150px;
    display: block;
    margin-left: 2px;
}

.manage_3 li a:hover {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 0px 2px #8b8b8b;
    background: url(/images/nav.png) no-repeat 135px 1px #e5e5e5;
}

.manage_4 li {
    padding: 10px;
    border-radius: 5px;
    display: inline;
}

.manage_4 li a {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: -10px;
    box-shadow: 2px 0px 2px #8b8b8b;
    text-shadow: 0px 0px 2px #a7a7a7;
    width: 150px;
    display: block;
    margin-left: 2px;
}

.manage_4 li a:hover {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 0px 2px #8b8b8b;
    background: url(/images/nav.png) no-repeat 135px 1px #e5e5e5;
}

.manage_img {
    width: 30px;
    margin: -24px 0px -35px -30px;
    padding-right: 5px;
}

.server_content {
    width: 880px;
    min-height: auto;
    box-shadow: 0px 0px 2px #8b8b8b;
    display: block;
    padding: 10px;
}

.server_content_a {
    background: #30a500;
    border-radius: 3px;
    border: 1px solid white;
    padding: 5px;
    box-shadow: 1px 1px 2px black;
    color: white;
    margin-right: 5px;
    font-family: unset;
}

.server_content_a:hover {
    background: #d10000;
    border-radius: 3px;
    border: 1px solid white;
    padding: 5px;
    box-shadow: 1px 1px 2px black;
    color: white;
    margin-right: 5px;
    font-family: unset;
}

/*.player{
    color: #222222;
    font-weight: bold;
    font-size: 14px;
    border-left: 10px solid #a9f039;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-top: 5px;
    text-transform: uppercase;
}*/
.player {
    font-size: 14px;
    background: #000000c7;
    border-left: 6px solid green;
    padding: 7px;
    color: white;
    margin-bottom: 10px;
}

.table {
    width: 100%;
    color: black;
    border-radius: 3px;
    border-spacing: 0px;
}

.table td {
    color: #333;
    padding: 8px;
    border-bottom-width: 1px;
    border-bottom-style: double;
    border-bottom-color: #9e9e9e;
    font-size: 11px;
}

.table tr:hover {
    background: #9e9e9e80;
}

.form-control {
    border-radius: 3px;
    padding: 5px;
    border: 1px solid green;
    width: 200px;
}

.btn_success {
    margin: 10px 0px;
    transition: 0.3s;
    border: 1px solid #f7f7f7;
    width: 150px;
    padding: 7px;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4caf50), color-stop(1, #257829));
    border-radius: 5px;
    color: white;
    box-shadow: 0 3px 1px 0 rgb(255 255 255 / 5%) inset, 0 2px 3px 0 rgb(0 0 0 / 20%);
    text-align: center;
    /* text-transform: uppercase; */
    font: bold 13px 'Open Sans', arial, sans-serif;
}

.btn_success:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006404), color-stop(1, #4caf50));
    box-shadow: 0 3px 1px 0 rgb(255 255 255 / 5%) inset, 0 2px 3px 0 rgb(0 0 0 / 20%);
}

.support_info {
    padding: 5px;
    border: 2px solid #dbdbdb;
    margin-top: 10px;
    text-shadow: 0px 0px 1px;
    font-size: 11px;
    background: #bfbfbf3d;
    min-height: 15px;
}

.button {
    display: inline-block;
    zoom: 1; padding: 6px 37px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    background-color: #394145;
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)),;
    transition: background-color .2s ease-out;
    background-clip: padding-box;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
}

.button:hover {
    background-color: #eee;
    color: #555;
}

#ticket {
    display: none;
    padding: 10px 15px;
}

#ticket_history {
    display: none;
    padding: 10px 15px;
}

#map_open {
    display: none;
}

#console {
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5px;
    margin-bottom: 10px;
    background-color: #191919;
    color: #FFF;
    border-radius: 3px;
    border: 1px solid #a9f039;
    min-height: 370px;
    max-height: 800px;
    min-width: 880px;
    max-width: 880px;
}

.status {
    margin-left: 430px;
    margin-top: -49px;
    color: green;
}

.btn_orange {
    padding: 7px;
    margin: 10px 0px;
    width: 200px;
    background: #b97404;
    border: 0px;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    transition: 0.3s;
}

.btn_orange:hover {
    background: #ea9100;
}

.btn_danger {
    margin: 10px 0px;
    /* transition: 0.3s; */
    padding: 7px;
    border: 1px solid #f7f7f7;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f74209), color-stop(1, #9e2d2d));
    border-radius: 5px;
    color: white;
    box-shadow: 0 3px 1px 0 rgb(255 255 255 / 5%) inset, 0 2px 3px 0 rgb(0 0 0 / 20%);
    text-align: center;
    /* text-transform: uppercase; */
    font: bold 13px 'Open Sans', arial, sans-serif;
}

.btn_danger:hover {
    background: #af2a00;
}

.mon_server_info {
    background: #383838;
    height: 25px;
    line-height: 24px;
    padding: 0px;
    color: #ffffff;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-size: 12px;
}

.table_mon {
    width: 100%;
    color: black;
    border-radius: 3px;
    border-spacing: 0px;
}

.table_mon td {
    color: #000;
    padding: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #404040;
    font-size: 12px;
}

.alert_server {
    z-index: 99999;
    position: fixed;
    display: none;
    margin-bottom: 20px;
    margin-left: 81%;
    top: calc(20% - 46px);
    font-weight: 600;
    font-family: system-ui;
    font-size: 14px;
}

.alert_server_success {
    width: 240px;
    color: white;
    background-color: #4bff0073;
    padding: 15px;
    border: 1px solid #2c6100;
    border-radius: 4px;
}

.alert_server_fail {
    width: 240px;
    background: #ff00179e;
    border-radius: 4px;
    border: 1px solid #770000de;
    color: white;
    padding: 15px;
}

.scrollup {
    width: 40px;
    height: 40px;
    opacity: 0.5;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: url('/img/icon_top.png') no-repeat;
}

.nav_end {
    background: url(/img/nav-end.gif);
    display: block;
    width: 15px;
    height: 37px;
    position: relative;
    float: right;
    transform: scale(1,-1);
}

.logs {
    border-left: 5px solid #000000;
    padding-left: 5px;
}

p.info {
    position: relative;
}

p.info:hover::after {
    content: attr(data-info);
    position: absolute;
    width: 200px;
    padding: 15px 10px;
    bottom: 117%;
    left: 50%;
    margin-left: -100px;
    border-radius: 3px;
    border: 1px solid #ffffff;
    background-color: #00695a;
    color: #fff;
    cursor: default;
    font-size: 11px;
    z-index: 999999;
}

.ftp_a {
    color: #333333;
}

.ftp_a:hover {
    color: #05a3ff;
}

.ftp_left {
    float: left;
    margin: 15px;
    border-right: 1px solid #dbdbdb;
    width: 415px;
    -webkit-box-shadow: 15px 0px 8px -3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 15px 0px 8px -3px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 0px 3px -3px #b9b9b9;
}

.page-list {
    display: block;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.page-li {
    margin-left: -25px;
    list-style: none;
    font-size: 11px;
    border-left: 6px solid #75c60d;
    padding-left: 5px;
    margin-bottom: 5px;
}

.page-li a:hover {
    color: #5ac124;
}

.button_ftp {
    background: #ad4000;
    width: 132px;
    display: block;
    padding: 6px;
    height: 15px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #dededf;
    font-weight: bold;
    color: white;
    cursor: pointer;
}

.button_ftp:hover {
    background: #f35a00;
}

.sp_title {
    background: #394145;
    color: #fff;
    padding: 7px 6px;
    margin-top: 4px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

.sp_content {
    background: #fff;
    color: #000;
    -webkit-border-radius: 3px;
}

.modal {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99998;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    display: none;
}

.modal:target {
    display: block;
    pointer-events: auto;
}

.modal > div {
    width: 900px;
    position: relative;
    margin: 15% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 5px;
    background: #fff;
    height: auto;
}

.modaloff {
    float: right;
    background: #222222;
    border: 1px solid white;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: white;
    font-size: 13px;
    margin-top: 1px;
    margin-right: -5px;
}

.modaloff:hover {
    background: #b90000;
}

.close:hover {
    background: #00d9ff;
}

.modalhead {
    background: #222222;
    padding: 20px;
    margin: -6px -20px;
    border-radius: 5px;
    color: white;
    height: 0px;
    line-height: 0px;
}

.modaltext {
    padding: 5px;
}

.inputadmin {
    border-radius: 3px;
    border: 1px solid #007c94;
    padding: 2px;
}

.modalspan {
    font-size: 14px;
    font-weight: 700;
    padding: 5px;
    display: block;
    border-left: 5px solid #222222;
    margin-bottom: 5px;
}

.a_logs {
    padding: 3px;
    border-radius: 5px;
    color: #292828;
    display: inline-block;
    margin-bottom: 5px;
    border: 1px solid #9c9c9c;
    font-size: 11px;
    width: 400px;
    text-align: center;
}

.a_logs:hover {
    background: #394145;
    color: white;
}

/*.alert_fade{
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 400ms ease-in;
    display: none;
}*/
.alert_fade {
    text-align: center;
    background: #000000ba;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-attachment: fixed;
    background-position: center;
    display: block;
}

.alert_fade:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 23% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #32b332 transparent #32b332 transparent;
    animation: alert_fade 1.2s linear infinite;
}

@keyframes alert_fade {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.alert-info {
    background: #ff9900e3;
    padding: 10px;
    border-radius: 5px;
    color: white;
    border: 1px solid #ff9900;
}

.progress_1 {
    width: 200px;
    height: 15px;
    border: 2px solid #4a4a4a;
    display: block;
    border-radius: 5px;
    margin-left: 40px;
}

.smile {
    margin-bottom: 15px;
    display: inline-block;
    cursor: pointer;
}

.search_box {
    position: relative;
}

.search_box input[type="text"] {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0;
    margin: 0;
    border: 1px solid #383838;
    outline: none;
    overflow: hidden;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    text-indent: 15px;
    font-size: 14px;
    color: #222;
}

.search_box button[type="submit"] {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 0;
    outline: 0;
    overflow: hidden;
    position: absolute;
    top: 1px;
    right: 10px;
    background: none;
    font-size: 17px;
}

/* Стили длÑÂÂÂÂÂÃâ€ÅÃâââ€šÂ¬Ã…¡Ãƒâ€šÃ‚¡ÃƒÆ’ƒÆ’‚ плашки с Ñââ€ÃâÃÆâââÃ¢â€šÂ¬Ã…¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’‚¬ÃƒÂÃ‚µÃÂ·Ã‘ƒÐ»ÑŒÑ‚аÃÃÃÂÃâÃƒÆ’¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‹Å“‚ами */
.searchresult {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px;
    z-index: 9999;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    width: 552px;
}

.searchresult-btn a {
    border-width: 1px;
    background-color: rgb(253, 72, 54);
    display: inline-block;
    font-size: 13px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    padding: 5px;
}

.searchresult-name {
    font-weight: 600;
    font-size: 14px;
    width: 500px;
}

.alert_auth {
    margin-top: 60px;
    margin-left: 78%;
    position: absolute;
    color: white;
    z-index: 999999;
}

.auth_warning {
    background: #ff0000ab;
    padding: 15px;
    border-radius: 3px;
    width: 200px;
}

.auth_success {
    background: #00a200d9;
    padding: 15px;
    border-radius: 3px;
    width: 200px;
}

.map-block {
    display: flex;
}

.map-left {
    width: 200px;
    height: auto;
    display: block;
    float: left;
}

.map-rigth {
    display: flex;
    float: right;
    width: 100%;
    height: auto;
}

.map-left span {
    display: block;
    background: #394145;
    color: white;
    padding: 7px;
    border-radius: 3px;
    margin-bottom: 3px;
    cursor: pointer;
}

.map-left span:hover {
    background: #2f3538;
    color: white;
}

.selectcat {
    width: 670px;
    margin-left: 10px;
}

.map-infos {
    display: inline-block;
    width: 134px;
}

.mapsname {
    width: 116px;
    text-align: center;
    margin-top: -22px;
    background: #383838b0;
    height: auto;
    position: relative;
    border-radius: 5px 5px 7px 7px;
    margin-left: 3px;
    padding: 2px;
    font-size: 11px;
    color: white;
}

.mapsman {
    text-align: center;
    width: 130px;
    margin-top: 3px;
}

.span_serverinfo {
    text-shadow: 0px 0px 5px #0000004f;
    border-bottom: 1px solid;
    border-style: dashed;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    padding-bottom: 5px;
    display: block;
}

.mini_info {
    float: right;
    margin-top: -111px;
    color: #8b8b8b;
    background: #28282866;
    width: 30%;
    height: 75px;
    padding: 5px;
    font-size: 11px;
    font-family: system-ui;
    border-radius: 5px;
    border: 1px solid #1a1a1a;
}

#loader {
    text-align: center;
    height: 27px;
    display: block;
    margin-top: 6px;
    color: #2c915d;
}

.block_1 {
    display: block;
    background: #394145;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #333333;
    color: white;
    padding: 5px;
    margin-bottom: 10px;
}