.noactive1 {float:left;background:url('panel.png') no-repeat 0px -1px;width:20px;height:20px;}
.noactive2 {float:left;background:url('panel.png') no-repeat -20px -1px;width:20px;height:20px;}
.noactive3 {float:left;background:url('panel.png') no-repeat -40px -1px;width:20px;height:20px;}
.noactive4 {float:left;background:url('panel.png') no-repeat -60px -1px;width:20px;height:20px;}
.noactive5 {float:left;background:url('panel.png') no-repeat -80px -1px;width:20px;height:20px;}
.noactive6 {float:left;background:url('panel.png') no-repeat -100px -1px;width:20px;height:20px;}
.noactive7 {float:left;background:url('panel.png') no-repeat -120px -1px;width:20px;height:20px;}
.noactive8 {float:left;background:url('panel.png') no-repeat -140px -1px;width:20px;height:20px;}
.noactive9 {float:left;background:url('panel.png') no-repeat -160px -1px;width:20px;height:20px;}
.noactive10 {float:left;background:url('panel.png') no-repeat -180px -1px;width:20px;height:20px;}
.noactive11 {float:left;background:url('panel.png') no-repeat -200px -1px;width:20px;height:20px;}
.noactive12 {float:left;background:url('panel.png') no-repeat -220px -1px;width:20px;height:20px;}
.noactive13 {float:left;background:url('panel.png') no-repeat -240px -1px;width:20px;height:20px;}
.noactive14 {float:left;background:url('panel.png') no-repeat -260px -1px;width:20px;height:20px;}
.noactive15 {float:left;background:url('panel.png') no-repeat -280px -1px;width:20px;height:20px;}
.noactive16 {float:left;background:url('panel.png') no-repeat -300px -1px;width:20px;height:20px;}
.noactive17 {float:left;background:url('panel.png') no-repeat -320px -1px;width:20px;height:20px;}
.noactive18 {float:left;background:url('panel.png') no-repeat -340px -1px;width:20px;height:20px;}
.noactive19 {float:left;background:url('panel.png') no-repeat -360px -1px;width:20px;height:20px;}
.noactive20 {float:left;background:url('panel.png') no-repeat -380px -1px;width:20px;height:20px;}
.noactive21 {float:left;background:url('panel.png') no-repeat -400px -1px;width:20px;height:20px;}
.noactive22 {float:left;background:url('panel.png') no-repeat -420px -1px;width:20px;height:20px;}
.noactive23 {float:left;background:url('panel.png') no-repeat -440px -1px;width:20px;height:20px;}

.activemousemove1 {float:left;background:url('panel.png') #AFAFAF no-repeat 0px -1px;width:20px;height:20px;}
.activemousemove2 {float:left;background:url('panel.png') #AFAFAF no-repeat -20px -1px;width:20px;height:20px;}
.activemousemove3 {float:left;background:url('panel.png') #AFAFAF no-repeat -40px -1px;width:20px;height:20px;}
.activemousemove4 {float:left;background:url('panel.png') #AFAFAF no-repeat -60px -1px;width:20px;height:20px;}
.activemousemove5 {float:left;background:url('panel.png') #AFAFAF no-repeat -80px -1px;width:20px;height:20px;}
.activemousemove6 {float:left;background:url('panel.png') #AFAFAF no-repeat -100px -1px;width:20px;height:20px;}
.activemousemove7 {float:left;background:url('panel.png') #AFAFAF no-repeat -120px -1px;width:20px;height:20px;}
.activemousemove8 {float:left;background:url('panel.png') #AFAFAF no-repeat -140px -1px;width:20px;height:20px;}
.activemousemove9 {float:left;background:url('panel.png') #AFAFAF no-repeat -160px -1px;width:20px;height:20px;}
.activemousemove10 {float:left;background:url('panel.png') #AFAFAF no-repeat -180px -1px;width:20px;height:20px;}
.activemousemove11 {float:left;background:url('panel.png') #AFAFAF no-repeat -200px -1px;width:20px;height:20px;}
.activemousemove12 {float:left;background:url('panel.png') #AFAFAF no-repeat -220px -1px;width:20px;height:20px;}
.activemousemove13 {float:left;background:url('panel.png') #AFAFAF no-repeat -240px -1px;width:20px;height:20px;}
.activemousemove14 {float:left;background:url('panel.png') #AFAFAF no-repeat -260px -1px;width:20px;height:20px;}
.activemousemove15 {float:left;background:url('panel.png') #AFAFAF no-repeat -280px -1px;width:20px;height:20px;}
.activemousemove16 {float:left;background:url('panel.png') #AFAFAF no-repeat -300px -1px;width:20px;height:20px;}
.activemousemove17 {float:left;background:url('panel.png') #AFAFAF no-repeat -320px -1px;width:20px;height:20px;}
.activemousemove18 {float:left;background:url('panel.png') #AFAFAF no-repeat -340px -1px;width:20px;height:20px;}
.activemousemove19 {float:left;background:url('panel.png') #AFAFAF no-repeat -360px -1px;width:20px;height:20px;}
.activemousemove20 {float:left;background:url('panel.png') #AFAFAF no-repeat -380px -1px;width:20px;height:20px;}
.activemousemove21 {float:left;background:url('panel.png') #AFAFAF no-repeat -400px -1px;width:20px;height:20px;}
.activemousemove22 {float:left;background:url('panel.png') #AFAFAF no-repeat -420px -1px;width:20px;height:20px;}
.activemousemove23 {float:left;background:url('panel.png') #AFAFAF no-repeat -440px -1px;width:20px;height:20px;}

.comment  /* рамка включающая эдитор и комменты*/
{
        position:static;
        display:block;

        clear:both;
        margin:0px;
        padding:10px;

        width:100%;
        height:100%;
        border: 3px solid black;
        border-radius: 30px 30px 30px 30px;
}


/* стили едитора */

#div_button_main                 /*  окно панели кнопок со стилями эдитора  */
{
        position:static;
        display:block;
        clear:both;
        margin:0px auto;
        background:#DFDFDF;
        border:1px solid #CFCFCF;
        width:462px;
        height:19px;
        visibility:hidden;
}

#formeditorsend              /*  рамка для едитора   */
{
        position:static;
        text-align:left;
        padding:3px;
        display:block;
        height: 158px;
        max-width: 800px;
        min-width: 200px;;
        border:1px solid blue;
        border-radius: 30px 30px 30px 30px;
        margin: 0px auto;
        box-shadow: inset 0 0 20px 0px rgba(0, 0, 0, 0.35);
        clear:both;
}

#editor
{

        display:block;
        float:left;

        margin:0px;
        width: 520px;
        height: 150px;
        border-radius: 30px 30px 30px 30px;
}

#teaxtareaHTML
{
        position:static;
        float:left;
        margin:0px;
        display: none;
        outline:0px none transparent;
        border-radius: 30px 30px 30px 30px;
}
#teaxtareaHTML:focus
{
        outline:0px none transparent;
}

.editorHTML
{
        position:static;
        display:block;
        float:left;
        margin:0px;
        resize: none;
        max-width: 520px;
        min-width: 100px;
        height: 150px;
        padding: 15px;
        font-size:small;
        border: 2px solid #000;
        border-radius: 5px;
        background-color: #e3e3e3;
        display: none;
}

.editorNCE
{
        position:static;
        display:block;
        float:left;
        margin:0px;
        border: 2px solid #000;
        background-color: #f7f7f7;

}

.editorCE
{
        position:static;
        display:block;
        float:left;
        margin:0px;
        border: 2px solid #000;
        background-color: #e3e3e3;
}



#buttons
{
        visibility:hidden;
}
.buttons_container  /*  кнопки переключения с нтмл в просмотр */
{
        width: 210px;
        height: 20px;
        margin: 0px auto;
}

.button_editButton
{
        float:left;
        background-color: #e3e3e3;
        width: 100px;
        height: 20px;
        border-radius: 10px 10px 10px 10px;
}
.button_viewHTML
{
        float:right;
        background-color: #e3e3e3;
        width: 100px;
        height: 20px;
        border-radius: 10px 10px 10px 10px;
}


/*  панель вконтакте в эдиторе  */

.vkcomment
{
        position:static;
        display:block;
        float:left;
        margin:0px 5px 0px 5px;
        padding:4px;
        left:0px;
        font-size:small;
        box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, 0.4);
        border-radius: 20px 20px 20px 20px;
        background-color: #A9D0F5;
        width:140px;
        height:150px;
        text-align:center;
}

#showvk   /* отображение фотки*/
{
        position:static;
        display:block;
        float:left;
        margin:0px;
        width:130px;
        height:120px;
        background:#A9D0F5;
        margin:0px auto;
        border-radius:15px;
        text-align:center;
}

#login_button
{
        margin:0px auto;

}

.btSEND
{
        position:static;
        display:block;
        float:left;
        margin:0px;
        background-color: #A9D0F5;
        float:left;
        width: 80px;
        height: 148px;
        border-radius: 20px;
        box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, 0.4);
}

.comment_plaseholder   /* окно эдитора введите коментарий*/
{
        position:static;
        display:block;
        float:left;
        margin:0px;
        padding:5px;
        max-width: 480px;
        min-width: 200px;
        height:100px;
        text-align: left;
        font-style: italic;
        font-size:small;
        color: #A0A0A0;
}



/*  коменты */

.id_qustion
{        position:static;
        float:left;
        display:block;
        border:3px solid red;
        background: #E5E5E5;
        padding: 10px;
        border-radius: 30px 0px 0px 30px;
        width:290px;
        height:110px;
        font-size:small;
        color:red;
        text-align:left;
        margin-top:10px;
        overflow: auto;
        text-overflow: ellipsis;
}


.id_answer
{        position:static;
        float:right;
        display:block;
        border:3px solid green;
        background: #E5E5E5;
        padding: 10px;
        border-radius: 0px 30px 30px 0px;
        width:290px;
        height:107px;
        font-size:small;
        color:green;
        text-align:left;
        margin:0px;
        overflow: auto;
        text-overflow: ellipsis;
}


.maindiv
{
        position:static;
        clear:both;
        width:100%;
}


.maindiv_left_comment
{
        float:left;
        width:405px;
        height:155px;
}

.maindiv_autor_left
{
        float:left;
        width:80px;
        height:110px;
        border:3px solid red;
        border-radius: 0px 30px 30px 0px;
        margin: 10px 0px 0px -3px;
        padding: 3px 0px 0px 3px;
        font-size:9px;
        color:red;
        text-align:center;
        overflow: hidden;
}

.maindiv_autor_right
{
        float:right;
        width:80px;
        height:107px;
        border:3px solid green;
        border-radius: 30px 0px 0px 30px;
        font-size:9px;
        margin: 0px -3px 0px 0px;
        color:green;
        text-align:center;
        overflow: hidden;
}
.maindiv_right_empty
{
        float:right;
        width:370px;
        height:35px;
}
.maindiv_rightfooter
{
        clear:both;
        width:100%;
        height:1px;
}

.submit-button
{
        float:left;
        visibility:hidden;
        margin: 5px 0px 0px 0px;

        /*background-color: blue;*/
    color: red;
    display: block;
    height: 25px;
    /*line-height: 10px;
    text-decoration: none;*/
    width: 135px;
        border-radius: 10px 10px 10px 10px;
    text-align: center;
        /*border:0px solid red;*/
}

.submit-button-answer
{
        float:right;
        visibility:hidden;
        margin: 0px 0px 0px 0px;

        /*background-color: blue;*/
    color: green;
    display: block;
    height: 25px;
    /*line-height: 10px;
    text-decoration: none;*/
    width: 135px;
        border-radius: 10px 10px 10px 10px;
    text-align: center;
        /*border:0px solid red;*/
}