[cancelthisaccountpls]

solved! I used this code from this page http://snipplr.com/view.php?codeview&id=26963
Detailed explanation below.

my final code:

<?php
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js', false, '1.5.0');
wp_enqueue_script('jquery');
?>

$(document).ready(function(){
$(".l1").click(function(){
$("#login-panel").toggle();
$("input[type='text']:first", document.forms[0]).focus();
});
});

The code I added:

<?php
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js', false, '1.5.0');
wp_enqueue_script('jquery');
?>

This allowed me to delete this line from my original code:

$(document).ready(function(){
$(".l1").click(function(){
$("#login-panel").toggle();
$("input[type='text']:first", document.forms[0]).focus();
});
});

[cancelthisaccountpls]

‘#wp-admin-bar {
position: fixed;
top: 0;
left: 0;
z-index: 99;
height: 25px;
font-size: 11px;
width: 100%;
z-index: 2;
}
‘

[cancelthisaccountpls]

Okay, just figured out how to get the chat box to display and hide the admin bar.

I had my admin bar hidden using the display: none tag. I undid that and went into adminbar.css and gave the adminbar a z-index of 1 or 2. Anything more than that and the admin bar would show.