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

#wordspew {
font: Arial, Helvetica, sans-serif;
}

#chatoutput {
height: 230px;
border-bottom:solid 1px;
border-color: #CCCCCC;

/* width: 174px; */
background: none;

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

/* Borders */
#006929;
font: Georgia, Times, "Times New Roman", serif; font-size: 12px;

color: #FFFFFF;
background: #;
overflow: auto;
margin-top: -11px;
}

#chatoutput span { font-weight: bold; font-size: 12px; color: #006929; background: transparent; }
#chatoutput li a { font-style: normal; font-weight: bold; background: none; color: #006929 }

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

#chatForm input[type="hidden"] { border: 0; padding: 0; float: left; width: 70px}

label
    {
    float: left;
    width: 54px;
    text-align: left;
    margin-left: 8px;
    display: block  }
    
input {display:inline; float: right }
    
#chatForm {color: #006829;}    
#chatForm input, #chatForm textarea, #chatForm #shout_theme, #chatbarText { display:inline; width: 120px; margin: 1px; margin-right: 8px; }
#shoutboxOp { display:inline; width: 120px; margin: 1px; }
#shoutboxname {display:inline; width: 120px; margin: 1px; font-size: 12px;}
#chatForm textarea { width: 150px; }
#chatForm input#submitchat { width: 97px; margin: 1px auto; margin-right: 8px;  }
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li { padding: 0px; margin: 0; color: #FFFFFF; font-size: 1em; list-style: none; min-height: 16px; }

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

#lastMessage { text-align: center; height: 0px; color: white; ?>; }
#responseTime { display: inline; color: white; height: 0px; }
#chatoutput .wp-smiley { vertical-align: middle; }
#responseTime {color: white;}

#JalSound { margin: 0 -16px 0 0; cursor: pointer; float: left; width: 16px; height: 16px; }
#usersOnline { color: #006929; font-size: 9px; text-align: center; font-weight: bold; }
#chatInput { }
#SmileyList a img { margin-top: 4px; }
#Show_Spam { text-align: center; color: red; }

#wordspew .delShout { cursor: pointer; color:red; font-weight: bold; margin-left: 4px; }
.shoutbox_archive { margin: 0px; text-align: left; }
.shoutbox_archive .header { background: #000; color: #fff; height: 30px;}
#shoutboxAdmin, #shoutboxArchive {font-size: 12px; float: left; }
table#wordspew { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: none; padding: 6px; color: #000; font-size:12px; }
.msg { width: 50%; }
.name { white-space: nowrap; }
.date, .IP { text-align: center; }
.alternate { background-color: #f8f8f8; }
.goback { float: right; margin: 5px; }
#chatoutput li span.jal_user, #chatoutput li span.jal_user a, td span.jal_user { font-weight: bold;  }
.ps_left { float: left; margin-right: 2px; }
.ps_right { float: right; margin-left: 2px; }


tr.bg td { border-bottom: 1px dashed #; margin: 2px; }
tr.bg:hover td, tr.bg:hover td a { background: #006929; color: #; }
#chatoutput .InfoUser, .InfoUser { color: rede; font-size: xx-small; }
#naamingelogd {padding: 0px; margin:0px;}