body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg-header-small.jpg) repeat-x;
	color: #3C475B;
	font-family: "segoe ui", tahoma, sans-serif;
	font-size: small;
}

a:link    { color: #0a4e96; }
a:visited { color: #0a4e96; }
a:hover   { color: #333; }
a:active  { color: #000; }

#content {
	margin: 0;
	padding: 1em 2em 1em 2em;
}

#header h1 {
	margin: 0;
	padding: 25px 0 0 0;
}

#header p {
	font-weight: bold;
	margin: 0;
	padding: 0 0 80px 0;
}

#footer {
	border-top: 1px dotted #ccc;
	font-size: 11px;
	color: #999;
	text-align:center;
}

.shouts {
	width: 797px;
	border: 1px dotted #ccc;
	background: #fff;	
	font: bold 16px Verdana;
	text-align: left;
}

.shoutStatus {
	font-size: 14px;
	color: #999;
}

.shoutError {
	font-size: 14px;
	color: #C00;
}

.noShouts {
	color: #C00;
	text-align: center;
	padding: 25px;
	width: 747px;
	border: 1px dotted #ccc;
	background: #fff;	
	font: bold 16px Verdana;
}

#shoutRow1 {
	background: #bcd;
	display: block;
	font-size: 11px;
	color: #000;
	padding: 2px;
}

#shoutRow {
	display: block;
	font-size: 11px;
	color: #000;
	padding: 2px;
}

#nickname {
	display: inline;
	font: bold 12px Verdana;
	padding-left: 5px;
	color: #666;
}

#date {
	display: block;
	font-size: 9px;
	font-weight: normal;
	color: #999;
}

#shoutedMessage {
	display: inline;
	font: normal 12px Verdana;
	color: #666;
}

.clear {
	clear: both;
	line-height: 5px;
}
.formContainer {
	display: inline;
	width: 50%;
	align: left;
}
.form {
	text-align: left;
	padding-top:10px;
	font-size: 15px;
}
span {
	text-align: left;
	padding-top:3px;
	font-size: 15px;
}
.textInput {
	border: 1px dotted #ccc;
	background: #fff;	
	font: bold 16px Verdana;
}
.messagebox{
	position:absolute;
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}
/* Emoticons */
span.angry {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 0 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.blushing {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 195px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.cool {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 180px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.crying {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 165px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.happy {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 150px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.laughing {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 135px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.nerd {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 120px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.sad {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 105px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.sick {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 90px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.smileface {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 75px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.smile {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 60px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.surprised {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 45px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.tongue {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 30px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}
span.winking {
	background-image: url(../images/emoticons/smylies.png);
	background-position: 15px 0;
	font: normal 9px Arial;
	text-indent: -100000px;
}