body{
    font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
    color:#b9b9b9;
    background: #0e3d7e;
    max-width:400px;
    min-width:220px;
    margin:auto;
}
@font-face {font-family: Bonapart-Modern; src: url(ttf/Bonapart-Modern.ttf); }
.nick_font_1 {font-family: Bonapart-Modern;font-size: 22px;}

@font-face {font-family: Cleopatra; src: url(ttf/Cleopatra.ttf); }
.nick_font_2 {font-family: Cleopatra;font-size: 22px;}

@font-face {font-family: Decadance_Cursiv; src: url(ttf/Decadance_Cursiv.ttf); }
.nick_font_3 {font-family: Decadance_Cursiv;font-size: 22px;}

@font-face {font-family: Monplesir_script; src: url(ttf/Monplesir_script.ttf); }
.nick_font_4 {font-family: Monplesir_script;font-size: 22px;}

@font-face {font-family: Moonlight; src: url(ttf/Moonlight.ttf); }
.nick_font_5 {font-family: Moonlight;font-size: 22px;}

@font-face {font-family: Picaresque_One; src: url(ttf/Picaresque_One.ttf); }
.nick_font_6 {font-family: Picaresque_One;font-size: 22px;}

@font-face {font-family: Agatha-Modern; src: url(ttf/Agatha-Modern.ttf); }
.nick_font_7 {font-family: Agatha-Modern;font-size: 22px;}

@font-face {font-family: Ariston; src: url(ttf/Ariston.ttf); }
.nick_font_8 {font-family: Ariston;font-size: 22px;}

@font-face {font-family: Italy_B; src: url(ttf/Italy_B.ttf); }
.nick_font_9 {font-family: Italy_B;font-size: 22px;}

@font-face {font-family: Karnac_Two; src: url(ttf/Karnac_Two.ttf); }
.nick_font_10 {font-family: Karnac_Two;font-size: 22px;}

@font-face {font-family: Rochester; src: url(ttf/Rochester.ttf); }
.nick_font_11 {font-family: Rochester;font-size: 22px;}

@font-face {font-family: Taverna; src: url(ttf/Taverna.ttf); }
.nick_font_12 {font-family: Taverna;font-size: 22px;}



.menu3 {
    background-color: #226d9f5e;
    border: 2px solid #3498db;
    padding: 5px;
    margin: 5px;
    border-radius: 9px;
}
a {
    color: #3cfaff;
    text-decoration:none;
}

img {
    vertical-align: middle;
}


table{
    table-layout: fixed;
}
.block {
    /*background: #0050db;*/
    background: #ededed url('/images/style/body.png') repeat;
    color: #ffffff;
    border: 1px solid #00e0f9;
    border-radius: 9px;
}
.text {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px 1px #000000;
    text-align: center;
    padding: 10px;
    margin: 10px;
    border-radius: 9px;
}
.px3 {padding: 3px;}
.prof {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
    text-shadow: 0px -2px #2980B9;
    padding: 10px;
    margin: 10px;
    border-radius: 9px;
}
.text-2 {
    background-color: #82BF56;
    border-bottom: 5px solid #669644;
    text-shadow: 0px 2px #669644;
    text-align: center;
    padding: 10px;
    margin: 10px;
    border-radius: 9px;
}
.m {
    padding: 5px;
}
.foot {
    padding: 15px;
}
.line {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #1048ac;
    border-bottom: 1px solid #427bdf;
}
.line-2 {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #2979af;
    border-bottom: 1px solid #48a2de;
}
.m a {
    background: #006bff;
    padding: 5px;
}
.animate {
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
}
.action-button {
    padding: 10px;
    margin: 10px;
    border-radius: 2px;
    /*font-family: 'Pacifico', cursive;*/
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}
.blue {
    background-color: #3498DB;
    border-bottom: 5px solid #2980B9;
}
.red {
    background-color: #0e3d7e;
    border-bottom: 5px solid #103a74;
}
.green {
    background-color: #82BF56;
    border-bottom: 5px solid #669644;
}
.yellow {
    background-color: #F2CF66;
    border-bottom: 5px solid #D1B358;
    text-shadow: 0px -2px #D1B358;
}
.action-button:active {
    transform: translate(0px,5px);
    -webkit-transform: translate(0px,5px);
}
.cnopka {
    display: block;
    background-color: #0f44a1ab;
    border: 1px solid #010101;
    font-size: 1em;
    line-height: 36px;
    padding: 4px 8px;
    border-radius: 8px;
    margin-top: 4px;
}
.ml{
    margin-left: 10px;
}
.mr{
    margin-right: 10px;
}
.bordered {
    border-width: 1px;
    border-style: solid;
    border-color: #bbbbbb;
    padding: 4px;
    color: lavender;
}


.header {
    padding: 10px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 9px 9px 0px 0px;
}
.right {
    float: right;
}
.b-top {
    background: rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid #0c3680;
    padding: 8px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 9px 9px 0px 0px;
}

.button {
    background: #0e3f96;
    color: #fff;
    padding: 5px;
    border-bottom: 2px solid rgb(17, 43, 127);
    border-top: 1px solid #145bd7;
    border-left: 1px solid #145bd7;
    border-right: 1px solid #145bd7;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
    background-size: cover;
    border-radius: 3px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


.b-bottom {
    background: rgba(0, 0, 0, 0.25);
    border-top: 1px solid #2656aa;
    padding: 8px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.title {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}
.pan {
    background: rgba(5, 58, 150, 0.35);
    padding: 7px;
    border: 2px solid #1955999e;
    border-radius: 9px;
}
.pan-1 {
    background: rgba(5, 58, 150, 0.44);
    text-align: center;
    padding: 4px;
    border: 2px solid #2c88f1;
    margin: 1px 10px 0px 10px;
    border-radius: 9px;
}

.pan-2 {
    background: rgb(15, 68, 161);
    padding: 5px;
    margin: 1px;
    width: 92%;
    /* padding: 5px; */
    margin-left: 10px;
    /* margin-right: 1px; */
    /* margin-bottom: 10px; */
}
.pan-3 {
    background: #c12928;
    color: #fff;
    padding: 8px;
    border-bottom: 2px solid #850000;
    border-top: 1px solid #c12928;
    border-left: 1px solid #c12928;
    border-right: 1px solid #c12928;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
    background-size: cover;
    border-radius: 3px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
}
.count_roof {
    height: 15px;
    width: 15px;
    background: rgb(0, 0, 0) no-repeat center center scroll;
    position: absolute;
    margin-top: 17px;
    margin-left: -2px;
    color: #f7db07;
    text-shadow: 1px 1px 0 rgba(255, 221, 3, 0);
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    border-radius: 9px;
    font-weight: bold;
}
html, div, span, form, p, img, ul, li, a {
    padding: 0;
    margin: 0;
}


h2 {
    width: 100%;
    color: #b5e8ed;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
}
h2:after {
    display: inline-block;
    margin: 5px 5px 5px 5px;
    height: 2px;
    content: " ";
    text-shadow: none;
    box-shadow: 0 0 50px #fff;
    background-color: #48C6D4;
    width: 10%;
}
h2:before {
    display: inline-block;
    margin: 5px 5px 5px 5px;
    height: 2px;
    content: " ";
    text-shadow: none;
    box-shadow: 0 0 50px #fff;
    background-color: #48C6D4;
    width: 10%;
}
.menu {
    border: 1px solid #2980B9;
    padding: 10px;
    margin: 10px;
    border-radius: 9px;
}
.menu-line {
    border-top: 1px solid #689844;
    border-bottom: 1px solid #8ec566;
    margin-top: 5px;
    margin-bottom: 5px;
}


.clik {
    cursor: pointer;
    border: 1px solid black;
    border-radius: 4px;
    background-color: #00A525;
    color: white;
    padding: 4px 0;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.prog {
    padding: 3px;
    background: #2870d180;
    border-bottom: 1px solid #000000;
    margin: 1px;
}
.progress {
    background: rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress-bar {
linear-gradient(to bottom,
rgba(255, 255, 255, 0.33) 0,
rgba(255, 255, 255, 0.08) 50%,
rgba(0, 0, 0, 0.25) 50%,
rgba(0, 0, 0, 0.1) 100%),
linear-gradient(45deg,
rgba(255, 255, 255, 0.16) 25%,
rgba(0, 0, 0, 0) 25%,
rgba(0, 0, 0, 0) 50%,
rgba(255, 255, 255, 0.16) 50%,
rgba(255, 255, 255, 0.16) 75%,
rgba(0, 0, 0, 0) 75%,
rgba(0, 0, 0, 0)),
linear-gradient(to right, #5A377F, #A444B1);
    background-size: 100% 100%, 20px 20px, 100% 100%;
    position: relative;
    height: 10px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-bar:before, .progress-bar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.progress-bar:before {
    bottom: 0;
    background-position: 100% 0;
    border-radius: 4px 4px 0 0;
}
.progress-bar:after {
    z-index: 2;
    bottom: 45%;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}
.progress > .progress-bar {
    width: 50%;
    background-color: #A444B1;
    background-image:
            linear-gradient(to bottom,
            rgba(255, 255, 255, 0.33) 0,
            rgba(255, 255, 255, 0.08) 50%,
            rgba(0, 0, 0, 0.25) 50%,
            rgba(0, 0, 0, 0.1) 100%),
            linear-gradient(45deg,
            rgba(255, 255, 255, 0.16) 25%,
            rgba(0, 0, 0, 0) 25%,
            rgba(0, 0, 0, 0) 50%,
            rgba(255, 255, 255, 0.16) 50%,
            rgba(255, 255, 255, 0.16) 75%,
            rgba(0, 0, 0, 0) 75%,
            rgba(0, 0, 0, 0)),
            linear-gradient(to right, #5A377F, #A444B1);
    box-shadow: inset 0 1px 1px 0px rgba(255, 215, 215, 0.5),
    inset 0 -1px 1px 0px rgba(255, 255, 255, 0.25),
    1px 1px 3px 0 rgba(0,0,0,0.33);
}

.div777 {
    color: rgb(198, 222, 221);
    background-color: #052b6e;
    border: 1px solid #000000;
    padding: 2px 6px;
    text-align: center;
    display: inline-block;
}

.div7777 {
    margin: 2px;
    background-color: #195599;
    border: 1px solid #000000;
    color: #f3f1f1;
    padding: 2px 6px;
}

.cnop {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    border: 1px solid #5eb6bd;
    padding: .3em 1em .30em;
    border-radius: .5em;
    box-shadow: 0 1px 2px #000000;
    background: #1257d0;
}

.textarea {
    background: rgba(0, 0, 0, 0.25);
    padding: 10px;
    margin: 10px;
    border-radius: 2px;
    word-wrap: break-word;
}
textarea {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
    color: #fff;
    background: #145bd7;
    border: 1px solid #2b6bdb;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 3px #0e3f96;
    -webkit-box-shadow: inset 0 1px 3px #0e3f96;
}
input[type="submit"] {
    background: #c12928;
    color: #fff;
    padding: 8px;
    border-bottom: 2px solid #850000;
    border-top: 1px solid #c12928;
    border-left: 1px solid #c12928;
    border-right: 1px solid #c12928;
    text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
    background-size: cover;
    border-radius: 3px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
input[type="submit"]:hover {
    background: #850000;
    border-bottom: 2px solid #850000;
    border-top: 1px solid #850000;
    border-left: 1px solid #850000;
    border-right: 1px solid #850000;
}
.kn {
    background: #145bd7;
    border-radius: 3px;
    padding: 5px;
}
.te {
    padding: 10px;
}
.text-3 {
    background-color: #82BF56;
    border-bottom: 2px solid #669644;
    text-shadow: 0px 2px #669644;
    text-align: center;
    padding: 1px;
    margin: 1px;
    border-radius: 9px;
}

.sp1 {
    border-radius: 9px;
    border: 1px solid #119ba7;
    background-color: #0f44a1b0;
    display: block;
    padding: 5px 8px;
}


.sp2 {
    display: block;
    padding: 5px 8px;
    border: 1px solid #823232;
    border-radius: 9px;
}


.sp3 {
    border-radius: 0px 0px 24px 24px;
    border: 1px solid #00e0f9;
    background-color: #0f44a1;
    display: block;
    padding: 5px 8%;
}

.sp4 {
    border-radius: 9px;
    border: 1px solid #119ba7;
    background-color: #0f44a1b0;
    display: block;
    padding: 5px 7px 5px 1px;
}
.pan4 {
    background: rgb(16, 75, 177);
    padding: 4px 4px 4px 6px;
    border-radius: 9px 0px 0px 9px;
    border: 1px solid #000000;
}
.pan4-c {
    background: rgb(16, 75, 177);
    padding: 4px 4px 4px 6px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #000000;
}
.pan4-r {
    background: rgb(16, 75, 177);
    padding: 4px 4px 4px 6px;
    border-radius: 0px 9px 9px 0px;
    border: 1px solid #000000;
}

.mix  {
    background: #0e3d7e;
    text-align: center;
    border: 2px solid rgb(198, 222, 221);
    padding: 1px 3px 3px 7px;
    border-radius: 24px 24px 24px 24px;
}

.clrt1{color:#8ff9ff;}
.t_norm{font-weight:normal;
    text-shadow:none;
    text-decoration:none;
    margin: 0px 1px 0 1px;
}
.t_13{font-size: 13px;}
.c1{color: #cecece !important;}
.float-left{float:left;}
.nickAdmin{color:#00FF00;font-weight: 800;}

input, textarea, select {
    background-color: #1f8ce294;
    box-shadow: 0 0 5px #003567;
    border: 0;
    padding: 6px;
    margin: 4px;
    color: #ededed;
}


.bonus {
    font-size: 14px;
    color: #ccdfc4;
    text-decoration: none;
    margin: 0px 5px 5px 5px;
    text-align: center;
    background: #35a4ef;
    padding: 10px;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 0 0 #2980b9;
}
.message {
    min-height: 10px;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    margin: 3px 0px;
    padding: 8px;
    text-align: left;
    color: #fcfcfc;
}
.udal {
border-radius: 4px; 
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#22571b;
background-image: -webkit-linear-gradient(bottom, #ff0000 0%, #f2de00 100%);
background-image: -moz-linear-gradient(bottom, #ff0000 0%, #f2de00 100%);
background-image: -o-linear-gradient(bottom, #ff0000 0%, #f2de00 100%);
color: #fff;
padding: 1px 5px 3px 5px;
border: 1px solid #22571b;
text-shadow: 0 1px 0 #000000;
box-shadow: inset 0px 1px 0px #F7EAD7;              /* непрозрачность: 50% */
}
.epic {color:#ffe898/*A751ED*/;}
.rare {color:#398DFA;}
.nickSneg {color:#398DFA;}
.nickBlocked {color:#000000;}
.nickBanned {color:#000000;}
.nickModerator {color:#BDB76B;}
.nickSupporter {color:#F0E68C;}
.nickPromoter {color:#F9F0f0;}
.nickGren {color:#00FF00;}
.nickKhaki {color:#F0E68C;}
.nickBlack {color:#000000;}
.nickYallow {color:#FFFF00;}
.nickDarkKhaki {color:#BDB76B;}
.nickBlue {color:#0000FF;}
.nickPurple {color:#FF00FF;}
.nickLime {color:#00FF00;}
.nickOrange {color:#FFA500;}
.nickCyan {color:#00FFFF;}
.nickIceAdmin {color:aquamarine;font-style: italic;font-weight: 900;}


.nickHellAdmin {color:RosyBrown;font-style: italic;font-weight: 900;}


.nickBloodAdmin {color:#E6E6FA ;font-style: italic;font-weight: 900;}
/*.nickPartner {color:#F9F0f0;}*/
.nickDeveloper {color:#BB7000;}
.nickAdmin {color:#00FF00;font-weight: 800;}
.padding {color:#00FF00;font-weight: 800;}

.textMod1 {text-shadow: 4px 4px 5px rgb(0, 0, 51); font-weight: 800;}
.textMod2 {text-shadow: 0px 5px 5px rgb(0, 0, 0); font-style: italic; font-weight: 900;}
.textMod3 {text-shadow: 0px 0px 5px rgb(0, 153, 255); font-style: italic; font-weight: 900;}
.textMod4 {font-family: Helvetica; text-shadow: 0px 4px 3px rgba(0,0,0,0.2), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
.textMod5 {text-shadow: 0px 5px 5px rgb(0, 0, 0);}