/* Shoutbox Styles */
html, body {margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif;}
form, input, fieldset {margin: 0; padding: 0; border: none;}
#shoutbox {width: 380px; height: 490px; margin: 30px auto;}
#shout_messages {width: 380px; height: 380px; background: #F5F5F5; border: 1px solid #F5F5F5; overflow: auto; font-size: 12px;}
#shout_messages p {width: 372px; margin: 0; padding: 4px;}
/* This class should be the same with *colored_class* in config.php */
.colored {background: #fff;}
.controls {width: 380px; height: 30px; margin: 15px 0 0 0; background: #F5F5F5; border: 1px solid #E3F2DA;}
.controls p {width: auto; height: 15px; margin: 8px 0 0 0; padding: 0 0 0 7px;}
.controls p img {cursor: hand; margin: 0 6px 0 0;}
.username {width: 60px; height: 16px; padding: 3px; margin: 5px 0 0 5px; border: #F5F5F5; font-size: 11px; color: #808080;}
.message {width: 240px; height: 16px; padding: 3px; margin: 5px 1px 0 0; border: #C0E2AB; font-size: 11px; color: #808080;}
.send {width: 50px; height: 22px; border: 1px solid #50738B; background-color: #50738B; color: #fff;}
#errors {width: 378px; height: 17px; margin: 15px 0 0 0; padding: 3px 0 0 2px; border: 1px solid #FF8FC9; background-color: #FECCFF; color: #FF8FC9; display: none; font-size: 12px;}
/* This class must have the display property. */
.displayed {display: block !important;}
#links {width: 380px; height: 30px; margin: 10px auto;}
#links p {font-size: 12px; color: #202020;}
#links p a, #links p a:link, #links p a:visited {color: #C0E2AB; font-size: 12px; text-decoration: none;}