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


#chatoutput {
padding:0; 
border-width: 1px 2px;
}

#chatoutput span {
font-size: 1.1em;
}

.s_form {margin-top:8px;}

#chatForm label, #shoutboxAdmin {
display: block;
margin: 2px 0 2px;
float:left;
clear:both;
text-align:right;
padding-right:5px;
width:60px;
font-weight:bold;
color:#000000;
}
#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 #0066CC}

#chatForm input {
width: 218px;
float:left;
background: url(bkg.gif);
border:1px solid #000000;
color:#C0C0C0;
font-family:Arial;
font-size:11px;
padding:2px;
}

#chatForm textarea {
float:left;
width: 218px;
height:32px;
background: url(bkg.gif);
border:1px solid #000000;
color:#C0C0C0;
font-family:Arial;
font-size:11px;
padding:2px;
margin-top:2px;

}


#chatForm input#submitchat {
float:left;
width:44px;
margin: 2px 0 0 5px;
border: 2px solid #333333;
padding: 9px 2px;
}

#shoutbox_wrap {
background: url(bg.jpg) -3px 0 no-repeat ;
padding:10px;
height:330px;
}

#chatoutput ul#outputList {
width:342px;
display:block;
height:254px;
overflow: auto;
padding: 0;
position: static;
margin: 0;
}

#chatoutput ul#outputList li {
margin: 0;
padding: 2px 0;
display:block;
border-bottom:1px dotted #8C386A;
color:#FFFFFF;
background: none;
font-size: 1em;
list-style: none;
}
#chatoutput ul#outputList li span {color:#000000; font-weight:bold;}

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

ul#outputList li:first-line {
line-height: 16px;
}

#lastMessage {
padding-bottom: 2px;
}

em#responseTime {
font-style: normal;
display: none;
}

#chatoutput .wp-smiley {
vertical-align: middle;
}