#chatslave-passive
{
box-shadow: 0px 0px 8px #999;
position: fixed;
bottom: 30px;
width: 265px;
background: #0063C5;
padding: 10px;
border-left: 1px solid #FFF;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
border-radius: 8px 0 0 8px;
right: 0;
color: #FFF;
z-index: 10000;
}

.chatoffbutton
{
padding: 0 7px;
background: #666;
color: #FFF;
}

#chatslave-active
{
box-shadow: 0px 0px 8px #999;
position: fixed;
bottom: 30px;
width: 350px;
background: #FFF;
padding: 10px;
border-radius: 8px 0 0 8px;
border-left: 1px solid #0063C5;
border-top: 1px solid #0063C5;
border-bottom: 1px solid #0063C5;
right: 0;
color: #222;
height: 300px;
z-index: 10000;
padding: 10px;
}

#chat-widget
{
height: 260px;
width: 346px;
padding: 2px;
background: #DDD;
}

#div_wat-getoond-moet-worden
{
height: 237px;
width: 342px;
padding: 2px;
background: #FFF;
overflow: auto;
}

table.chattable 
{
background: #FFF;
color: #555;
width: 100%;
}

table.chattable tr td
{
text-align: left;
}

a.chatlink      {color: #FFF; text-decoration: none;}
a.chatlink:hover     {color: #AAA; text-decoration: none;}

a.chatlinkclose      {color: #444; text-decoration: none; display: inline-block; padding-top: 7px;}
a.chatlinkclose:hover     {color: #999; text-decoration: none;}