/* This is to "trap" all shoutbox message into one content box */
div.shoutbox {
padding: 5px;
width: 625px;
color: #c2b3b3;
font: normal verdana,tahoma,arial 
display: block;
font-size: 10px;
color: gray;
}

/* Smiley with no border and a cursor pointer */
img.smileys { 
border: 0;
cursor: pointer; }

/* Just some styling... */
#shoutbox-message { width: 600px }
div.shoutbox strong {
color: #000000; background-color:#FFFEEE;
font: bold 12px verdana,tahoma,arial;
padding: 5px 5px 5px 5px;
}

/* Dont remove this style property or the messages wont display properly! */
div.shoutbox ul { 
width:600px;
margin: 0;
padding: 0;
list-style-type: none;
color: #F9E1F9;
font: normal 12px verdana,tahoma,arial; }

div.shoutbox li{
width:600px;
background-color:#CCCCCC;
color:#333333;
border: 1px solid #000;
margin-bottom: 18px;
padding: 8px 8px 8px 8px;

}

div.shoutbox li#message {
padding: 5px 5px 5px 5px;
}

/* This is just to make the form looks nice */
input {
padding: 0px;
border: 1px solid #000000;
background-color: #E5E5E5;
color: #000000;
font: normal 10px verdana,tahoma,arial; }
textarea {
width: 175px;
padding: 0px;
border: 1px solid #000000;
background-color: #E5E5E5;
color: #000000;
font: normal 10px verdana,tahoma,arial; }