/* This file controls the look of the Live shoutbox... */

#chatoutput {
height: 220px;
width: 152px; 

/* Horizontal Scrollbar Killer */
padding: 6px 8px; 

/* Borders */
border: 1px solid #cc00cc;
border-width: 0px 0px;
-moz-border-radius : 6px 0px 0px 0px;
scrollbar-base-color: #330055;
scrollbar-arrow-color: #9966ff;

font: 11px helvetica, arial, sans-serif;
color: #9966ff;
background: #000000;
overflow-x:hidden;
overflow-y:auto;
margin-top: 10px;
}

#chatoutput span { font-size: 9pt; color: #cc00cc; }
#chatForm label, #shoutboxAdmin { display: block; margin: 4px 0; }
#chatoutput a { font-style: normal; font-weight: bold; color: #cc00cc }

/* User names with links */
#chatoutput li span a { font-weight: normal; text-align:left; border-bottom: 1px dotted #cc00cc }

#chatForm input, #chatForm textarea { width: 120px; display: block; margin: 0 auto;color:#9966ff; background-color:transparent;}
#chatForm textarea { width: 145px;}
 
#chatForm input#submitchat { /*width: 70px; margin: 10px auto; border: 1px outset; padding: 2px; color:#9966ff*/
                            border: 1px solid #330055 !important;
                            background: #000 url( fade-butt.png ) repeat-x 0px 0px !important;
                            color: #9966ff !important;
                            font-family: Verdana, sans-serif !important;
                            font-size: 100% !important;
                            padding: 2px;
                            width: 70px;
                            margin: 10px auto !important;
                            }
#chatForm input#submitchat:hover { 
                            background: #000 url( fade-butt.png ) repeat-x 0px 0px !important;
                            border: 1px solid #CC00CC !important;
                            color: #9966ff !important;
                            
                            }                    


#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li { clear:both; width:141px; padding:1px 0px 1px 0px; border-top:1px solid #222222; margin:0px; color: #9966ff; background:none; font-size: 1em; list-style: none; }

/* No bullets from Kubrick et al. */
#chatoutput ul#outputList li:before { content: ''; }

ul#outputList li:first-line { line-height: 16px; }
#lastMessage { padding-bottom: 2px; text-align: center; border-bottom: 2px dotted #cccccc; }
em#responseTime { font-style: normal; display: block; }
#chatoutput .wp-smiley { vertical-align: middle; }

/* #JalSound { margin: 0 -16px 0 0; cursor: pointer; float: left; width: 16px; height: 16px; } */

#JalSound { margin: 0 -16px 0 0; cursor: pointer; width: 16px; height: 16px; }

#usersOnline { color: #cc00cc; font-size: 9px; text-align: center; }
#chatInput { }
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }