.close {
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yw/r/hJLyaPZeSvx.png");
    background-position: -161px -557px;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-right: 3px;
    width: 21px;
}

.close:hover {
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yw/r/hJLyaPZeSvx.png");
    background-position: -183px -557px;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-right: 3px;
    width: 21px;
}

*{margin:0; padding:0;}

body{background:#f4f4f4;}

div#contatos{
	width:200px;
	border-left:1px solid #8b8d91;
	background:#f2f4f8;
	position:absolute;
	right:0;
	top:0;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

div#contatos ul{
	list-style-type:none;
	margin:0;
	width:100%;
}

div#contatos ul li{
	float:right;
	display:block;
	width:100%;
	margin-bottom:1px;
}
div#contatos ul li,
div#contatos ul li a{
	text-decoration:none;
	display:block;
	padding:3px;
	font:11px 'lucida grande',tahoma,verdana,arial,sans-serif;
}

div#contatos ul li a {
    padding-left:10px;
    color:#333;
}

div#contatos ul li  {
    color:red;
}

div#contatos ul li a:hover{background:#e0e4ee;}

div#janelas{
	position:fixed;
	bottom:0;
	left:0;
	width:85%;
}

div#janelas div.janela{
	width:230px;
	//background:#069;
	margin-right:5px;
	float:right;
	margin-bottom:0;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

div.janela div.topo{
	float:right;
	width:230px;
	background:#4d68a2;
	height:25px;
	border-bottom:1px solid #333;
	cursor:pointer;
}

div.topo.fixar{position:absolute; bottom:0;}

div.topo span{
    float:left; 
    font:11px 'lucida grande',tahoma,verdana,arial,sans-serif; 
    color:#fff; 
    margin:4px;
}

div.janela div.topo a#fechar{
    float:right; 
    height:21px;
    float:right; 
    text-decoration:none;
}

div.janela div.topo a#fechar:hover
{
    /*background:#000;*/
}

div.janela input[type=text]{
	padding:3px; 
    border:0;
	outline:none;
	background:#fff;
	font:13px 'lucida grande',tahoma,verdana,arial,sans-serif; 
	color:#000;
    width:224px;
}

div.mensagens{
	float:right;
	width:230px;
	background:#fff;
	height:250px;
	border-bottom:1px solid #4d68a2;
}

div.mensagens ul.listar{
	list-style-type:none;
	float:right;
	width:215px;
	background:#fff;
	height:250px;
	overflow-y:auto;
	overflow-x:hidden;
}

div.mensagens ul.listar li{
    list-style-type:none;
    padding-left:0px;
	float:left;
	width:100%;
	border-bottom:1px dotted #333;
	padding-bottom:3px;
}

div.mensagens ul.listar li span{
	font:13px tahoma, arial, helvetica;
	color:#333;
	float:right;
	width:100%;
	margin:3px;
}
div.mensagens ul.listar li p{
	font:13px tahoma, arial, helvetica;
	color:#333;
	float:right;
	width:100%;
	margin-left:3px;
}