#userbar.inactive * { color: #aaa !important }

#userbar { position: fixed; width: 100%; padding: 0; bottom: 0px; left: 0px; z-index: 98; font: normal 11px Arial,Helvetica,sans-serif; height: 29px }
#userbar .wrap { margin: 0 auto; background-color: #efefef; width: 980px; padding: 2px 2px 0 2px }
#userbar .inner { background-color: #dfddd9; color: #212121; border-color: #bbb; border-style: solid; border-width: 1px 1px 0px 1px; background-image: URL("userbar-background.gif"); height: 29px }

#userbar .left { float: left }
#userbar .right { float: right }

#userbar .guest div, #userbar .user div { padding: 6px }
#userbar form { margin:0; padding:0 }
#userbar input { border: 1px solid #bbb; XXXmargin: -4px 10px -2px 0; XXXpadding: 3px 3px 10px 3px; font-size: 90%; vertical-align: middle }
#userbar input.button { margin-left: 10px }
#userbar input#remember { border: none; margin: 0; padding: 0 }

#userbar a { color: #212121; text-decoration: none }
#userbar a:hover { color: #2971a7 }
#userbar #userpanel .user a { color: #2971a7 }

#userbar ul { list-style: none; padding:0px; margin: 0 }
#userbar li { margin: 0; padding: 0; float: right }
#userbar li a.tab { display:block; padding: 6px; color: #212121; text-decoration: none; font-weight: normal; border-left:1px solid #bbb }
#userbar li a.tab:hover { background-color: #2971a7; color: #fff }

#userbar { line-height: normal }
#userbar * { z-index: 98 }

#userbar li a.open, #userbar li a.open:hover { background-color: #1e1d1a; color: #fff }
#userbar li a.new, #userbar li a.new:hover { background-color: #cd1f33; color: #fff }

#userbar li { position: relative }
#userbar li div.drawer { position: absolute; right: 0px; bottom: 25px; width: 190px; XXXpadding: 4px 0; background: white; border: 3px solid #1e1d1a; max-height: 666px; overflow-x: hidden; overflow-y: auto; z-index: 99; visibility: hidden }
#userbar li div.new { border: 3px solid #cd1f33 }
#userbar table img { width: 20px; height: 20px; margin-right: 4px; vertical-align: middle }

#userbar .drawertitle { background: #212121; color: white; padding: 2px 2px 5px 6px }
#userbar .new .drawertitle { background: #cd1f33 }
#userbar .drawerinfo { padding: 3px 2px 4px 6px }

#userbar table { width: 100%; border-collapse: collapse; margin: 4px 0 }
#userbar table tr:hover { background: #efefef }
#userbar table td { height: 28px; padding: 0 5px; vertical-align: middle }
#userbar table a { display: inline; padding: 2px 3px; border: 0; line-height: normal }
#userbar table a:hover { background: none; color: #2971a7 }

#userbar .message, #userbar .chat { font-size: smaller }
#userbar #notificationslist tr+tr { border-top: 1px solid lightgray }

#userbar .chathistory { width: 100%; height: 205px; xxxmargin-bottom: 5px; background: #efefef; overflow: auto }
#userbar .chatinput { width: 95%; font-size: 100%; border: 0; padding: 3px 5px 6px 5px }
#userbar .chatpicture { float: left; width: 36px; height: 36px; margin-right: 5px; vertical-align: top; display: none }

#userbar li a.online, #userbar li a.offline, #userbar li a.invisible { padding-left: 20px }
#userbar .online { padding-left: 17px; background: url('onlinestatus.png') no-repeat 0px 3px }
#userbar .invisible { padding-left: 17px; background: url('onlinestatus.png') no-repeat 0px -22px }
#userbar .offline { padding-left: 17px; background: url('onlinestatus.png') no-repeat 0px -47px }
#userbar a.open.online, #userbar a.new.online, #userbar a.online:hover { background-image: url('onlinestatus.png'); background-repeat: no-repeat; background-position: 0px -72px }
#userbar a.open.invisible, #userbar a.new.invisible, #userbar a.invisible:hover  { background-image: url('onlinestatus.png'); background-repeat: no-repeat; background-position: 0px -97px }
#userbar a.open.offline, #userbar a.new.offline, #userbar a.offline:hover { background-image: url('onlinestatus.png'); background-repeat: no-repeat; background-position: 0px -122px }

#userbar .sound_on { float: right; width: 16px; height: 16px; background: url('sound_on.png') no-repeat top left }
#userbar .sound_off { float: right; width: 16px; height: 16px; background: url('sound_off.png') no-repeat top left }

#userbar .closer { padding: 0 4px; cursor: pointer; -moz-border-radius: 7px; -webkit-border-radius: 7px }
#userbar .closer:hover { color: white !important; background: #cd1f33 !important }
#userbar .new .closer:hover { color: white !important; background: #2971a7 !important }

#userbar .chathistory p { padding: 4px 6px; margin: 0; font: normal 11px Arial,Helvetica,sans-serif }
#userbar .chathistory p + p { border-top: 1px solid #ccc }