ul#messages { background-color: lightblue; overflow: auto; height: 30em; padding: 0 3px; list-style: none; border: 1px solid gray; margin: 0px; }
        ul#messages li { margin: 0.35em 0; padding: 7px; border-radius: 3px;
    background-color: white; background-image: url("/img/design/bublesy.png"); background-size: 100% 100%; }
        ul#messages li small { display: block; font-size: 0.59em; color: gray; }
        ul#messages li.pending { color: #aaa; }
        
        form { font-size: 1em; margin: 1em 0; padding: 0; }
        form p { position: relative; margin: 0.5em 0; padding: 0; }
        form p input { font-size: 1em; }
        form p input#name { width: 25%; }
        
        pre { 
	font-size: 0.77em; 
	}
	#content, #name {
        background-color: #fff4c2;
        }
input, button {
    border: 1px solid #aaa;
    padding: 5px;
}
.send-btn {
    background-color: #3CB371;
    color: white;
    cursor: pointer;
    font-size: 1em;
    width: 4.2em;
    background-image:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAASCAMAAACDzGUcAAADAFBMVEUBAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACIr2rWAAAAAXRSTlMAQObYZgAAAEhJREFUeNqN0NsKACAIA1C3//9miYLEy4h6CDmDUkFzGwfct0vtQWjxpMmLBle9CU7F5og6J0/leKH953+dqSnUxGI7YpNi6wtpTBAXNzphLAAAAABJRU5ErkJggg==);
    background-position:center;
    background-repeat: no-repeat;
}
.send-btn:hover {
    background-color: #36A166;
}
.send-btn:active {
    background-color: #308D5A;
}
#content {
width: 50%;
}
.chat-header {
margin: 0px;
padding:8px;
background-color:white;
background-image: url("/img/design/panelki.png"); 
background-size: 100% 100%;
border: 1px solid gray;
border-bottom-width: 0px;
}
.chat-action {
margin: 0px;
padding: 8px;
background-color: white;
background-image: url("/img/design/panelki.png"); 
background-size: 100% 100%;
border: 1px solid gray;
border-top-width: 0px;
}
.clickdown {
float:right;
color: #a55;
text-decoration: underline;
cursor:pointer;
}
.clickdown:hover {
color: #e33;
}
.clickdown:active {
color: #a66;
}