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

#chatoutput {color: #333333; overflow: auto;}
#chatoutput span {color: #669900;}
#chatForm label, #shoutboxAdmin {display: block;}
#chatoutput li a { font-style: normal; font-weight: bold; color: #669900 }

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

#chatForm {line-height: 20px;}
#chatForm input {-moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #360; color: #FFF; line-height: 20px;}
#chatForm input[type="hidden"] { border: 0; padding: 0; }
#chatForm input, #chatForm textarea, #chatForm #shoutboxOp, #shout_theme {display: block;}
#chatForm input[type="text"] {height: 20px; width: 230px; padding: 0 10px;}
#chatForm input#chatbarText {-moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;}
#chatForm input#submitchat { width: 50px; margin-bottom: 20px; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; background-color: #690; cursor: pointer;}
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li {color: #333333; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #FFF; padding: 20px;}

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

#lastMessage {display: none;}
div#responseTime { display: inline; }
#chatoutput .wp-smiley { vertical-align: middle; }

#JalSound { margin: 0 -16px 0 0; cursor: pointer; float: left; width: 16px; height: 16px; }
#usersOnline {display: none;}
#chatInput { }
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }

#wordspew .delShout { cursor: pointer; color:red; font-weight: bold; }
#shoutboxArchive {display: none;}
table#wordspew { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; color: #000; }
.msg { width: 70%; }
.name { white-space: nowrap; }
.date, .IP { text-align: center; }
.alternate { background-color: #f8f8f8; }
.goback { float: right; }
#chatoutput li span.jal_user, #chatoutput li span.jal_user a, td span.jal_user { font-weight: bold;  }
.ps_left { float: left; }
.ps_right { float: right; }

tr.bg td { border-bottom: 1px dashed #666666; padding: 2px; }
tr.bg:hover td, tr.bg:hover td a { background: #669900; color: #FFFFFF; }
#chatoutput .InfoUser, .InfoUser { color: red;}