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

#chatoutput {
height: 100px;
/* width: 172px; */

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

/* Borders */
border: 1px solid #eeeeee;
border-width: 1px;
border-radius: 8px; 
-moz-border-radius: 8px;

font: 11px helvetica, arial, sans-serif;
color: #666666;
background: #FFFFFF;
overflow: auto;
margin-top: 10px;
margin-bottom: 20px;
}

#chatoutput span { font-size: 12px; }
#chatForm label, #shoutboxAdmin { display: block; margin: 4px 0; }
#chatoutput a { font-style: normal; font-weight: bold; ?> }

/* User names with links */
#chatoutput li span a { font-weight: normal; display: inline !important; border-bottom: 1px dotted #eeeeee }

#chatForm input[type="hidden"] { border: 0; padding: 0; }
#chatForm input, #chatForm textarea, #chatForm #shoutboxOp { width: 100%; display: block; margin: 0 auto; }
#chatForm textarea { height: 50px; }
#chatForm input#submitchat { width: 100px; margin: 10px auto; border: solid 1px; padding: 2px; }
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li { padding: 4px; margin: 0; color: #666666; background: none; font-size: 16px; 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; border-bottom: 2px dotted #e1771e;}
#lastMessage span { color: #e1771e; font-weight: bold }
#lastMessage em { 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; }
#usersOnline { color: #eeeeee; font-size: 9px; text-align: center; }
#chatInput { }
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }