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

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

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

/* Borders */
border: 1px solid #f3f3f3;/*#215c97;*/
border-left: 1px dashed #f3f3f3;
border-right: 0px solid white;
/*
border-width: 1px 1px;
-moz-border-radius : 14px 14px 14px 14px;
*/

font: 11px helvetica, arial, sans-serif;
color: #333333;
background: #FFFFFF;
overflow-y: auto;
overflow-x: hidden;
margin-top: 10px;
/* MATTEO: funzia solo su IE 
scrollbar-3dlight-color:white;
scrollbar-arrow-color:white;
scrollbar-base-color:white;
scrollbar-darkshadow-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-shadow-color:white;
scrollbar-track-color:white;
 FINE MATT ADD */
}

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

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

#chatForm input[type="hidden"] { border: 0; padding: 0; }
#chatForm input, #chatForm textarea, #chatForm #shoutboxOp, #shout_theme { width: 65%; float:left;/*120px;*/ display: block; margin: 0 auto; }
#chatForm textarea { width: 150px; }
#chatForm input#submitchat { width: 70px; /*margin: 10px auto; border: 2px outset;padding: 2px;*/ border: 1px solid witesmoke; margin-top:-1px;margin-left:5px; margin-bottom:15px;  }
#chatoutput ul#outputList { padding: 0; position: static; margin: 0; }
#chatoutput ul#outputList li { padding: 4px; margin: 0; color: #333333; background: none; font-size: 1em; list-style: none; min-height: 16px; }

/* 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 #666666; }
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 { color: #215c97; font-size: 9px; text-align: center; }
#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: 20px; text-align: left; }
.shoutbox_archive .header { background: #000; color: #fff; height: 30px;}
table#wordspew { -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; padding: 6px; color: #000; }
.msg { width: 70%; }
.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 #666666; padding: 2px; }
tr.bg:hover td, tr.bg:hover td a { background: #215c97; color: #FFFFFF; }
#chatoutput .InfoUser, .InfoUser { color: red; font-size: xx-small; }