/* SHOUTBOX.CSS */

body {
background-color:#333;
font-family:Arial,Helvetica,sans-serif;}

#header {
font-family:inherit;
width:100%;
border-bottom:1px dashed #87CEFA;
color:#87CEFA;
font-size:16px;}

ul {
list-style-type:circle;
color:#999;
font-size:12px;}

ul .blue a, ul .blue a:link, ul .blue a:visited {
background-color:#333;
color:#999;
text-decoration:underline;}

ul .blue a:hover {
background-color:#333;
color:#666;
text-decoration:underline;}

#text {
color:#999;
font-size:12px;}

#text a {
color:#999;
text-decoration:underline;}

#text a:hover {
color:#666;
text-decoration:underline;}

/* CSS to create and style the shoutbox (based on overflow) */
#chat {
	width:184px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:3px;
	height:250px;
	border:2px solid #eee;
}

#chatter_box {
overflow:auto;
width:184px;
height:250px;
margin-left:0px;
margin-top:0px;
background-color:#D1E0F8;}


/* CSS to style the messages inside the shoutbox */
#post {
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
background-color:inherit;}

#post .text a, #post .text a:link, #post .text a:visited {
font-size:11px;
color:#000;
font-weight:lighter;
background-color:#FAFAD2;
text-decoration:none;}

#post .text a:hover {
font-size:11px;
color:#000;
font-weight:lighter;
text-decoration:none;}

#post .link {
color:#000;
font-size:11px;}

#post .link a {
color:#309;
padding-left:6px;
text-transform:lowercase;
text-decoration:none;
font-size:11px;}

#post .link a:hover {
color:#309;
text-decoration:underline;}

#post .user {
padding-left:3px;
padding-right:3px;
border-bottom:1px solid #ccc;}

#post .name {
color:#333;
padding-right:6px;}

#post .without_url {
color:#000;
font-size:11px;}

#post .date {
font-size:11px;
letter-spacing:1px;
color:#999;
padding-top:6px;}

#post .text {
color:#000;
padding-bottom:6px;
margin-bottom:0px;
width:165px;
text-align:left;}

/* CSS to style the post form */
#chatter_box form {
margin-bottom:10px;
margin-left:2px;
width:165px;
height:120px;
background-color:inherit;
float:left;
padding:0px;
margin-top:0px;}

#field_set {
width:165px;
height:96px;
border:none;
background-color:inherit;
margin-top:0px;
padding-left:0px;
padding-top:0px;}

#chatter_box input {
font-family:Arial, Helvetica, sans-serif;
color:#191970;
background-color:#eee;
font-size:11px;
letter-spacing:1px;
border:1px solid #999;
width:100%;
height:16px;
margin-top:1px;
padding-left:2px;}

#chatter_box textarea {
font-family:Arial, Helvetica, sans-serif;
color:#191970;
background-color:#eee;
font-size:11px;
border:1px solid #999;
width:100%;
height:60px;
margin-top:1px;
padding-left:2px;}

#submit {
height:16px;
width:100px;
margin-top:0px;
margin-bottom:6px;}

#refresh_button {
border:1px solid #999;
height:16px;
width:40px;
background-color:#eee;
color:#191970;}

#submit_button {
border:1px solid #999;
height:16px;
width:38px;
background-color:#eee;
color:#191970;}

/* CSS to style error messages */
h1 {
margin-left:4px;
font-weight:200;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:red;}