#menu  
{

margin: auto;
max-width: 400px;
border: 2px solid #37abd1;
background-color:#F5FFFA;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

#chat
{
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
max-width: 390px;
border: 1px solid #37abd1;
background-color:#F5FFFA;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#submenu{ 
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
max-width: 390px;
border: 1px solid #37abd1;
background-color:#F5FFFA;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#soob
{
color:black;
margin-left:8px;
margin-bottom:-15px;
}
#message
{
margin-left:5px;
margin-right:5px;
margin-top:5px;
max-width: 300px;
border: 1px solid #37abd1;
background-color:#F5FFFA;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#scroll{ 
    overflow-y: scroll; /* Добавляем полосы прокрутки */
    width: 375px; /* Ширина блока */
    height: 200px; /* Высота блока */
    
   }
#send{
margin-left: 5px;
max-width:155; 
color: #ffffff;
background: #37abd1 ;
border-bottom: 1px solid #8dc1dc;
border-top: 1px solid #8dc1dc;
border-left: 1px solid #8dc1dc;
border-right: 1px solid #8dc1dc;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#open{

text-decoration: none;
margin-left: 5px;
max-width:155; 
color: #ffffff;
background: #37abd1 ;
border-bottom: 1px solid #8dc1dc;
border-top: 1px solid #8dc1dc;
border-left: 1px solid #8dc1dc;
border-right: 1px solid #8dc1dc;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}



#smilesClose

{
margin-left: 5px;
display: none;
-moz-margin-left:198px;
-moz-margin-right:4px;
-moz-margin-bottom:-10px;
-moz-margin-top: -82px;
max-width: 210px;
max-height: 75px;
border: 1px solid #37abd1;
background-color:#F5FFFA;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#rowup {
margin-top: 3px;
margin-bottom: 1px; 
display: block; 
padding: 3px;
border-top: 1px solid #00BFFF;
border-bottom: 1px solid #00BFFF;
-webkit-border-radius:10px;
-moz-border-radius: 10px;
border-radius: 10px;
}




#avatar{

}

 
#text{

text-align:left;
padding-left: 3px;
max-width:350;
margin-left: 45px;
margin-bottom: 2px;
margin-top:2px; 
border-right: 1px solid #00CED1;
border-left: 1px solid #00CED1;
border-top: 1px solid #00CED1;
border-bottom: 1px solid #00CED1;
font-size: 14px;
color:black; 
background-color:#E0FFFF;
background-repeat: repeat-x;
-webkit-border-radius:15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


#nick{
text-decoration:none;
max-width:350;
margin-left: 45px;
border-right: 1px solid #ffc249;
border-left: 1px solid #ffc249;
border-top: 1px solid #ffc249;
border-bottom: 1px solid #ffc249;
font-size: 14px;
color:black; background-color:#ffdd9a;
background-repeat: repeat-x;
-webkit-border-radius:15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


#button{
display:none;
}