@charset "utf-8";

/**
 * [2007-07-19 as] created
 *
 * $Rev: 801 $ Revision of last commit
 * $Author: jan $ Author of last commit
 * $Date: 2009-04-27 14:18:43 +0200 (Mo, 27 Apr 2009) $ Date of last commit
 */

.tabs-box .content { 
	padding: 10px;
} 

.shout-box {
	width: 588px;
}
.shout-box .content-area {
	width: 100%;
	background: #DBDBDB;
}
.shout-box .shout-action-box {
	width: 572px;
	margin: 5px 8px 5px 8px;
}
.shout-box .shout-action-box .content-area {
	width: 100%;
	background: #FFF;
	height: 240px;
}
.shout-box .shout-action-box .button_content {
	background: #4C4C4C;
}
.shout-action-box .chat-box {
	width: 560px;
	height: 236px;
	overflow: auto;
}
.shout-action-box .chat-list {
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
	list-style-type: none;
	margin: 0px;
}
.shout-action-box .chat-list li {
	clear: both;
}
.shout-action-box .chat-list li .user {}
.shout-action-box .chat-list li .timestamp {
	float: left;
	margin-right: 2px;
	font-size: 10px;
	color: #686868;

}
.shout-action-box .chat-list li .message {
	font-size:11px;
}
.shout-action-box .chat-list .user {
	float: left;
	font-weight:bold;
	color:#00A5FF;
}
.shout-action-box .chat-list .message {

}
.shout-action-box .chat-list .message-system {
	float: left;
	color: #BF021B;
	padding-left: 5px;
	width: 510px;
}
.shout-action-box .chat-list .chat-list-note {
	color: #999;
}
.shout-box .shout-action-box .button_content {
	text-align: center;
	background: #A7A7A7;
}

.band-news-box {
	margin-top: 10px;
	float: right;
	width: 316px;
}
.band-news-box .content-area {
	width: 100%;
	background: #E9E9E9;
}

/***** JScrollPane ******/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #DBDBDB;
}
.jScrollPaneDrag {
	position: absolute;
	background: #00A5FF;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url(../_img/icons/basic_arrow_up.gif) repeat-x scroll 0 0;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: transparent url(../_img/icons/basic_arrow_down.gif) repeat-x scroll 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}