.ajax_message {
    display: table;
    width: 100%;
    border-top: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
}

.ajax_message .mysms,
.ajax_message .yousms {
    color: #343434;
    border: 1px solid #ccc6bd;
    border-radius: 4px;
    padding: 2px 6px;
    margin: 4px 5px;
    display: inline-block;
    position: relative;
    min-width: 70%;
    text-align: left;
}

.dateBody,
.dateBody span {
    text-align: center;
}

.ajax_message .s1 {
    display: inline;
    word-break: break-all;
}

.ajax_message .s2 {
    display: table-cell;
    float: right;
    font-size: 12px;
    color: #757575;
    margin-left: 10px;
}

.dateBody span {
    background-color: #BEF0F7;
    width: 70px;
    display: inline-block;
    border-radius: 4px;
    padding: 2px;
    margin-top: 5px;
    border: 1px solid #B7B7B7;
}

.menu-border {
    background: #EAEAEA;
    padding: 0 5px;
}

.ajax_message .position-mysms {
    text-align: right;
}

.ajax_message .position-mysms .mysms {
    background-color: #CFFFC6;
}

.ajax_message .position-yousms .yousms {
    background-color: #fcfbf6;
}

@media only screen and (max-width: 650px) {
    .ajax_message .mysms,
    .ajax_message .yousms {
        min-width: auto;
    }
    .ajax_message span.s1 b {
        display: none;
    }
}

@media only screen and (max-width: 350px) {
    .menu-border {
        padding: 0;
    }
}

[class*=" ic-wtc"],
[class^=ic-wtc] {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-left: 2px;
}

.ic-wtc-send {
    background-position: right 4px;
}

.ic-wtc-delivered {
    background-position: right -13px;
}

.ic-wtc-hasread {
    background-position: right -30px;
}

.user_sts_head {
    margin-left: 20px;
    margin-bottom: 0;
    border-style: solid;
    border-color: transparent transparent #00BFFF;
    border-width: 0px 0px 5px 5px;
    width: 0px;
    height: 0px;
}

.user_sts {
    background-color: #F5F5DC;
    margin: 3px;
    margin-top: 0;
    border: #00BFFF 2px solid;
    padding: 2px;
    color: #000;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
    word-wrap: break-word;
}

.user_sts1 {
    background-color: #FFF;
    margin: 3px;
    margin-top: 0;
    border: #86d675 2px solid;
    padding: 2px;
    color: #000;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
    word-wrap: break-word;
}

/* Yeni: Bütün səhifə fonu */
body {
    color: #484747;
    font-family: arial;
    font-size: 14px;
    line-height: 20px;
    min-width: 320px;
    margin: auto;

    /* Arxa fon şəkli */
    background: url('img/cahin.jpg') no-repeat center center fixed;
    background-size: cover;
}

/* Yeni: xüsusi fon üçün user block */
.user_sts.custom_bg,
.user_sts1.custom_bg {
    background: url('img/c1.jpeg') no-repeat center center;
    background-size: cover;
}

#icenter { text-align: center; }
#ileft { text-align: left; }
#iright { text-align: right; }

* { margin: 0; padding: 0; }

.border {
    background: #393939;
    color: #ffffff;
    padding: 4px;
    text-align: center;
}

.b {
    padding: 6px;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.bar {
    background: url(css/img/c1.jpg) repeat-x top;
    color: #fff;
    padding: 6px;
    position: relative;
    z-index: 2;
}

.bar a {
    color: #f7d100;
    text-decoration: none;
}

.bar p > a {
    padding-right: 6px;
}

.bar a:hover { color: #fffd57; }

.rsize {
    width: 100%;
    min-width: 305px;
    max-width: 1000px;
}

.menuqqq {
    background: url(img/mainn.gif) repeat-x top #FBFBFB;
    padding: 20px 8px 6px 6px;
    box-shadow: 0px 1px 9px rgba(0,0,0,0.5);
}

.menu {
    background: #FBFBFB;
    padding: 10px 8px 6px 6px;
    box-shadow: 0px 1px 9px rgba(0,0,0,0.5);
}

.menu a { color: #0e63b8; text-decoration: none; }
.menu-border { background: #EAEAEA; padding: 0 5px; }

.sms, .bars, .mlink {
    border: 1px solid #dfdfdf;
    border-bottom-style: none;
    padding: 4px;
}

.top-ml { background: #fff3b3; }
.my { background: #f4f4f4; }
.you { background: #f3fff6; }

.sms a { color: #FE2E2E; }

.p2 { padding-bottom: 4px; }

.cmy { background: #f4f2e0; padding: 2px; border: 1px solid #FFFFFF; }
.cyou { background: #f7f7f7; padding: 2px; border: 1px solid #FFFFFF; }
.call { background: #fdfdfa; padding: 2px; border: 1px solid #FFFFFF; }

.ust_line { box-shadow: 0px 1px 9px rgba(0,0,0,0.5); }
#bar_right { float: right; }
.alt_line { text-align: right; box-shadow: 0px -1px 9px rgba(0,0,0,0.5); }

.c-black { color: black; }
.left-20 { padding: 0px 0px 0px 20px; }
.right-20 { padding: 0px 20px 0px 0px; }

img { vertical-align: middle; border: 0px; }
.img { margin: 0px 0px -3px 1px; }

.links { background: #FBFBFB; border: 1px dotted #e5e5e5; padding: 2px; }
.links:hover { background: #edecec; }

.fln a, .fl { padding: 6px; background: #F7F6F2; display: block; border-bottom: 1px solid #DADADA; }
.fln a:hover { background: #E9EBEB; color: #1580F2; }
.fln span { color: #2869AA; }
.fl { color: #7E7E7E; }

hr { margin-top: 4px; margin-bottom: 6px; border-bottom: 1px solid #dfdfdf; border-top-style: none; }

.rotaq {
    cursor: pointer;
    display: inline-block;
    padding: 3px 5px;
    margin: 5px 4px 5px 1.5px;
    background: #eee;
    border: 1px solid #d8d8d8;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #444;
    border-radius: 3px;
}

.rotaq:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf;
}

.rotaq:active { position: relative; top: 1px; }

.vado {
    font-size: 12px;
    color: white;
    background-image: url(css/imh/c1.jpg);
    border: 1px dashed #9400D3;
    padding: 0 4px;
    border-radius: 3px;
    margin: 1px;
}

input:focus, textarea:focus { background: white; border: 1px solid #BCBCBC; }
input, select, textarea { margin-bottom: 2px; background: #fff; border: 1px solid #d8d8d8; color: #375676; padding: 3px; border-radius: 5px; }
a.button, input[type=submit] {
    margin-top: 2px;
    border-radius: 5px;
    color: #fff;
    border: 1px solid #fff;
    font-weight: bold;
    padding-right: 1em;
    padding-left: 1em;
    cursor: pointer;
    background: linear-gradient(45deg, #ff0000, #ff7300, #01DFD7, #C634A7, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    background-size: 400% 400%;
    animation: animate_gradient 5s ease infinite;
}

@keyframes animate_gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.inputRed { background: #FFE2E2; }
.inputGreen { background: #F2FDFF; }

.cedvel { text-align: center; }
.cedvel td { padding: 5px 60px 5px 60px; }
.c_menu td { color: #ffffff; border-spacing: 1px; padding: 5px 0px 5px 0px; }

.main_box { background: #ccc; }
.header { background: #68b083; color: #fff; text-shadow: 0 1px 1px #555; }
.events td { border-left: 1px solid #929db1; }
.header a:hover { background: #1b7b21; }
.events { width: 100%; border-collapse: collapse; border-spacing: 0; }
.events td a { display: block; text-align: center; color: #fff; padding: 5px; }
.events td.main.f3 { font-weight: 700; text-align: center; min-width: 50px; }
.ico { vertical-align: middle; padding: 1px; }

.num {
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
    background-color: #dc0d17;
    background-image: -webkit-linear-gradient(top, #fa3c45 0%, #dc0d17 100%);
    color: #fff;
    min-width: 6px;
    padding: 1px 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    display: inline-block;
    font-size: 8px;
    line-height: normal;
    position: absolute;
    margin-left: -5px;
}

.domino_stones {
    display: inline-block;
    color: #ffffff;
    padding: 3px 3px !important;
    border: 1px solid #C1CFD7 !important;
    border-radius: 3px !important;
    background: url(bg.jpg);
}

.game {
    padding: 3px;
    margin: 2px 3px;
    text-align: left;
    background-color: #FFF8D6;
    border: #B4B2A9 solid 1px;
    background-image: url(bg.jpg);
    display: inline-block !important;
}