Como esconder chaxbox?

Qual é minha questão:
Gostaria de saber como posso ocultar o chatbox na lateral, igual o fórum que vi!
Codigos, Tutorial ou algo que me ajude...

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:
Aberto: https://i.imgur.com/z5wfh.jpg
Fechado: https://i.imgur.com/Wbj6O.jpg

Fórum que vi: http://www.hogsmeade.com.br/forum

Endereço do meu fórum:
http://hp-hogwarts.forumais.com/

Versão do meu fórum:
PHPBB2

Olá, vá em:
Painel de controle Módulos Portal e Widgets Gestão dos widgets do fórum Criar um novo widget personalizado.

Código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Resultou?

Até mais

Olá , leia o seguinte tópico Chat Box Retrátil - Lateral

Resulta ?

Até mais.

Muito Obrigado!
Podem fechar!!!