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

#header
{
    padding: 20px;
    background-color: #f2f2f2;
    font:600 30px 'Yekan';
    text-align:right;
    color:#2e2e2e;
    border-bottom:7px solid #5ea1fc
}

#adminheader
{
    display:none;
    padding: 5px;
    background-color: #21252b;
    font:600 17px 'Yekan';
    text-align:right;
    color:#fff;
    border-bottom:4px solid #db0000;
    border-top:1px solid #db0000;
    margin-bottom:10px
}
.adminheadersep {
    height:4px;
    background-color:red;
    margin-bottom:14px;
    margin-top:0px
}

#footer
{
    padding: 10px;
    border-bottom: #5f9482 solid 2px;
    color: #000000;
    font: 11px tahoma;
    text-align:center;
    position:fixed;
    bottom:0;
    width:100%;
    border-top:3px solid #353535
}

#divContainer {}

.submitButton
{
    background-color: #d7e5e4;
    border: #5f9482 solid 1px;
    padding: 4px;
    cursor: pointer;
}

    .submitButton:hover
    {
        background-color: #e1e1e1;
    }

.login
{
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: solid 2px #b9b9b9;
    color: #1e4638;
    text-align:right;
    font:14px 'Yekan',tahoma;
    margin-top:100px
}


.chatlist {  margin-top:20px}

    .login .textBox
    {
        width: 330px;
        height:33px;
         font:14px 'Yekan',tahoma
    }


    .login #divButton
    {
        padding: 4px;
        text-align: right;
    }

.chatRoom
{
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

    .chatRoom .title
    {
        font-size: 16px;
        font-weight: bold;
        padding: 8px;
        background-color: #d7e5e4;
        border-bottom: solid 1px #5f9482;
    }

    .chatRoom .content
    {
        height: 100%;
        clear: both;
        
    }

        .chatRoom .content .chatWindow
        {
            float: left;
            width: 100%;
            height: 300px;
            border-right: solid 1px #5f9482;
            overflow-y: scroll;
        }

            .chatRoom .content .chatWindow .message
            {
                padding: 4px;
            }

                .chatRoom .content .chatWindow .message .userName
                {
                    font-weight: bold;
                }

        .chatRoom .content .users
        {
            float: right;
            width: 240px;
            height: 300px;
        }

            .chatRoom .content .users .user
            {
                display: block;
                cursor: pointer;
                padding: 4px;
                background-color: #2dc3e8;
                border-bottom: solid 1px #ffffff;
                font:600 14px 'yekan',tahoma;
                text-align:right;
                direction:rtl;
                color: white;

            }

            .chatRoom .content .users .loginUser
            {
                display: block;
                padding: 4px;
                color: white;
                background-color: #4b4b4b;
                border-bottom: solid 1px #ffffff;
                font:600 14px 'yekan',tahoma;
                text-align:right;
                direction:rtl
            }

            .chatRoom .content .users .user:hover
            {
                background-color: #8aa2c2;
            }

    .chatRoom .messageBar
    {
        border-top: solid 1px gray;
        padding: 4px;
    }

        .chatRoom .messageBar .textbox
        {
            width: 550px;
        }

.disconnect
{
    position: absolute;
    margin: 10px;
    background-color: #ffcbcb;
    padding: 4px;
    border: solid 1px red;
}


.draggable
{
    position: absolute;
    border: #5f9482 solid 1px !important;
    width: 250px;
}

    .draggable .header
    {
        cursor: move;
        background-color: #d7e5e4;
        border-bottom: #5f9482 solid 1px;
        color: #1e4638;
    }

    .selText
    {
        padding: 4px;
        font:16px/14px 'Yekan',tahoma;
        background-color:gray;
        color:white;
        width:100%;
        text-align:right;
        height:20px
    }


    .draggable .messageArea
    {
        width: 250px;
        overflow-y: scroll;
        height: 200px;
         border-bottom: #5f9482 solid 1px;
    }

        .draggable .messageArea .message
        {
            padding: 4px;
        }

    .draggable .buttonBar
    {
        width: 250px;
       padding:4px;
    }

        .draggable .buttonBar .msgText
        {
            width: 172px;
        }

        .draggable .buttonBar .button
        {
           margin-left:4px;
            width: 55px;
        }



@font-face {
font-family: 'Yekan';
src: url('FontYekan/BYekan.eot?-wwn5ej');
src: url('FontYekan/BYekan.eot?#iefix-wwn5ej') format('embedded-opentype'),
url('FontYekan/BYekan.woff?-wwn5ej') format('woff'),
url('FontYekan/BYekan.ttf?-wwn5ej') format('truetype'),
url('FontYekan/BYekan.svg?-wwn5ej#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}



.pnl_userchat {overflow:hidden}
.pnl_userchat .messageArea{font:16px/24px 'Yekan',tahoma;height:300px;overflow:auto;background-color:#ffffff;border:1px solid #b1b1b1;margin:50px;padding:10px;direction:rtl;margin-bottom:0;margin-top:20px}
.pnl_userchat .messageAreasmall{font:16px/24px 'Yekan',tahoma;height:220px;overflow:auto;background-color:#ffffff;border:1px solid #b1b1b1;margin:50px;padding:10px;direction:rtl;margin-bottom:0;margin-top:20px}
.pnl_userchat .buttonBar{height:50px;text-align:right;padding:10px;margin:40px;margin-top:-10px}
.pnl_userchat .msgText{height:36px;font:14px 'Yekan',tahoma;width:70%;text-align:right}
.pnl_userchat .btn{height:44px;font:600 16px 'Yekan',tahoma;width:80px;margin-top:5px}

.pnl_userchatadmin {overflow:hidden;border:1px solid #46afdd;border-radius:5px;margin-left:20px}
.pnl_userchatadmin .messageAreasmall{font:16px/24px 'Yekan',tahoma;height:200px;overflow:auto;background-color:#ffffff;border:1px solid #dedede;padding:10px;direction:rtl;margin:14px ;margin-bottom:0}
.pnl_userchatadmin .buttonBar{height:55px;text-align:right;padding:10px}
.pnl_userchatadmin .msgText{height:28px;font:12px 'Yekan',tahoma;width:70%;text-align:right;float:right;margin-right:5px;border:1px solid #dedede;direction:rtl}
.pnl_userchatadmin .btn{height:34px;font:14px 'Yekan',tahoma;width: 75px;float:right;margin-right:5px;background-color:#9b9b9b;color:white;border:0}

.pnl_userchatadmin .selText
    {
        padding: 4px;
        font:16px/21px 'Yekan',tahoma;
        background-color:#46afdd;
        color:white;
        width:100%;
        text-align:right;
        height:25px;
        
    }

.pnl_userchatadmin #imgDelete {
        float:right;margin:8px 10px 0 8px
    }
    
.pnl_userchatadmin .usermessage {font:14px 'Yekan',tahoma;color:black;text-align:right;background-color:#fff;margin-bottom:2px;padding:2px;margin-left:70px;border-bottom:1px dashed #e1e1e1}
.pnl_userchatadmin .adminmessage {font:14px 'Yekan',tahoma;color:#c40f0f;text-align:right;background-color:#fff;margin-bottom:2px;padding:2px;margin-right:70px;border-bottom:1px dashed #e1e1e1}
.admindisconnect
{
    position: absolute;
    margin: 10px 20px 10px 20px;
    background-color: yellow;
    padding: 4px 7px 4px 7px;
    border: solid 1px #ff0000;
    font:600 14px 'Yekan',tahoma;
    color:#eb0606
}



.usermessage {color:black;text-align:right;background-color:#fff;margin-bottom:4px;padding:3px;margin-left:70px;border-bottom:1px dashed #e1e1e1}
.adminmessage {color:#c40f0f;text-align:right;background-color:#fff;margin-bottom:4px;padding:3px;margin-right:70px;border-bottom:1px dashed #e1e1e1}

.messagetime{color:#bdbdbd;font:11px tahoma;display:inline-block;width:50px}
.loginButton {height:39px;font:600 14px 'Yekan',tahoma;}

.adminrightbar {min-height:500px;background-color:#e9e9e9;width:200px;float:right}