
.shout_box {
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
	background: #627BAE;
	width: 220px;
	overflow: auto;
	position: fixed;
	bottom: 0;
	right: 1.5%;
	z-index:9;
}
.shout_box .header .close_btn {
	background: url(../img/close_btn.png) no-repeat 0px -32px;
	float: right;
	margin-right:10px;
	margin-top:-30px;
	width: 15px;
	height: 15px;
}
.shout_box .header .close_btn:hover {
	background: url(../img/close_btn.png) no-repeat 0px -48px;
}

.shout_box .header .open_btn {
	background: url(../img/close_btn.png) no-repeat 0px 0px;
	float: right;
	margin-right:10px;
	margin-top:-30px;
	width: 15px;
	height: 15px;
}
.shout_box .header .open_btn:hover {
	background: url(../img/close_btn.png) no-repeat 0px -16px;
}
.shout_box .header{
	padding: 5px 3px 5px 5px;
	font-weight: bold;
	color:#fff;
	border-bottom:none;
	cursor: pointer;
	
}
.shout_box .header:hover{
	background-color: #627BAE;
}
.shout_box .message_box {
	background: #FFFFFF;
	height: 160px;
	overflow:auto;
	border: 1px solid #CCC;
}
.shout_msg{
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid #F3F3F3;
	padding: 0px 5px 5px 5px;
	color:#7C7C7C;
}
.message_box:last-child {
	border-bottom:none;
}
time{
	font-weight: normal;
	float:right;
	color: #D5D5D5;
}
.shout_msg .username{
	margin-bottom: 10px;
	margin-top: 20px;
}
.user_info input {
	width: 98%;
	height: 25px;
	border: 1px solid #CCC;
	border-top: none;
	padding: 3px 0px 0px 3px;
}
.shout_msg .username{
	font-weight: bold;
	display: block;
}
