/* Default font for all elements */

.cs_shoutbox div,.cs_shoutbox span,.cs_shoutbox a,.cs_shoutbox td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color: #ffffff;
	padding: 5px;
}

/* Formation of Control Panel Area */
.cs_formarea {
	background-color :#3e4a58;
	border:none;color :#415274;
	font-size: 12px;
	margin:0;
	padding:0;
	text-align:center;
}

/* Formation of Shouts Area */
#cs_shouts {
	margin:0;
	padding:0;
	height:300px;
	overflow-x:hidden;
	overflow-y:auto;
}

/* Formation of Buttons */
.cs_buttons {
	background:#DDDDDD;
	border:1px solid #3e4a58;
	color:#415274;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin-left:1px;
	margin-top:1px;
}

/* Formation of Textboxes */
.cs_inputs { 
	background:#F6FAF9;
	border:1px solid #3e4a58;
	color:#415274;
	font-family:Tahoma,Arial,Verdana,Times,sans-serif;
	font-size:12px;
	margin-left:1px;
	margin-top:1px;
	padding:3px; 
}

/* Formation of Shouter's name */
.cs_shouter {
	color:#3e4a58;
	background-color:#ff8001;
	font-weight:bold;
	font-size:12px;
	height: 20px; 
	line-height: 20px; 
	padding-left: 10px; 
}

.cs_shouter a {
	font-weight:normal;
	padding-left:3px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

/* Formation of Delete button */
.cs_delete {
	text-decoration:none;
	background-color:#F6FAF9;
	color:#B00 !important;
	font-size:12px;
	font-weight:bold;
	padding:0px 1px 0px 2px;
	margin:0px 2px 0px 0px;
	border-style:1px none #C0C0C0;
	line-height:60%;
}

/* Formation of Page Navigation Panel */
#cs_pagenav {
	display:none;
	background-color:#EBEDF6;
	border-top:1px solid #415274;
	padding:2px 1px 2px 1px;
	text-align:center;
	font-size:12px;
}

/* Formation of normal page numbers in the Page Navigation Panel */
#cs_pagenav a {
	text-decoration:none;
	color:#415274;
	font-size:12px;
	font-weight:bold;
}

/* Formation of current page number in the Page Navigation Panel */
#cs_pagenav span {
	text-decoration:none;
	color:#AA0000;
	font-size:12px;
	font-weight:bold;
	background-color:#FFDEAD;
	padding-left:2px;
	padding-right:2px;
	border:1px outset #DE5E5E;
}

/* Formation of Panel */
.cs_panel {
	display:none;
	background-color:#EBEDF6;
	border:1px solid #415274;
	padding:2px;
}

.cs_panel table,.cs_panel table:hover,.cs_panel tr,.cs_panel tr:hover,.cs_panel th,.cs_panel th:hover,.cs_panel td,.cs_panel td:hover {
	border:0;
	margin:0;
	padding:0;
	background:none;
}

/* Formation of even shout row */
.cs_row0 {
	color:#3e4a58;
	background-color:#a1a9ba;
	border-top:1px solid #415274;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

/* Formation of odd shout row */
.cs_row1 {
	color:#415274;
	background-color:#ced5e4;
	border-top:1px solid #415274;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}

/* Formation of Current Page Number */
#cs_pageno {
	color:#ffffff;;
	font-size:12px;
	font-weight:bold;
	padding-left:3px;
	padding-right:3px;
	margin-left:1px;
	margin-top:1px;
	border:1px inset #C0C0C0
}

/* Formation of Error Message */
#cs_error {
	text-decoration:none;
	background-color:#F6FAF9;
	color:#AA0000;
	border-top:1px solid #415274
}

/* Formation of smiley image */
.cs_smiley {
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	float:left;
	width:24px;
	height:18px;
	overflow:hidden
}

#cs_helpcaption{font-size:7pt;font-weight:bold;color:#FFFFFF;background-color:#002F00}
#cs_helptext{font-size:7pt;color:#415274;padding-bottom:3px}
#cs_autorefresh{vertical-align:middle;left:-9999px;position:absolute;}
#cs_autorefresh_label{margin-left:1px;font-size:7pt;}
#cs_autorefresh_label.cs_dimmed{color:#aaa}