#chat
{
    width:524px;
    height:314px;
}
#head
{
    width:524px;
    height:20px;
}
#login
{
    width:500px;
    height:200px;
    padding-top:100px;
    text-align:center;
    background-color:#ccffff;
    border: 1px solid #000;
}
#msg
{
    float:left;
    width:400px;
    height: 200px; 
    border: 1px solid #000;
    margin:0;
    padding:10px;
    padding-bottom:20px;
    overflow:auto;
    display:none;
}
#usr
{
    float:left;
    width:100px;
    height:220px; 
    background-color:#fff;
    border: 1px solid #000;
    border-left:0px;
    display:none;
    font-size:11px;
    margin:0;
    overflow:auto;
    padding-top:10px;
}
#ctrl
{
    clear:both;
    width:506px;
    padding:5px 5px 0 10px;
    background-color:#fff;
    border:1px solid #000;
    border-top:0px;
    display:none;
}
/*
    Formular-Elemente
*/
#ctrl .input
{
    width:400px;
    background-color:#999;
    color:#f0f0f0;
    border:0px;
    padding-left:7px;
}
#login .btn, #ctrl .btn
{
    width:40px;
    font-size:11px;
    background-color:#fff;
    border:1px solid #000;
}
#login .input
{
    width:100px;
    background-color:#999;
    color:#f0f0f0;
    border:0px;
    padding-left:7px;
}

#msg p
{
    margin:0;
    padding:0;
    color:#6699ff;
    border-bottom: 1px solid #ccc;
}
#msg span
{
    margin:0;
    padding:0;
    color:#000066;
    font-weight:bold;
}
#msg span.system
{
    margin:0;
    padding:0;
    color:#ff3300;
    font-weight:bold;
}

#usr p
{
    margin:0;
    padding-left:10px;
    color:#6699ff;
}

#error
{
    color:#cc0000;
}