#chatbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
}

	#chatbox input.text {
		background-color: #121212;
		border: 1px solid #2d2d2d;
		color: #ddd;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

	#chatbox .boxtitle {
		background: #0f0f0f;
		border: 1px solid #1f1f1f;
		border-bottom: 1px solid #070707;
		padding: 12px 12px 12px 12px;
	}
	
		#chatbox .boxtitle .title {
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			margin: 0;
		}
		
		#chatbox .boxtitle .detail {
			color: #444;
			font-size: 12px;
			margin: 0;
		}

	
	#chatbox .messagepanel {
		height: 100%;
		border: 1px solid #0f0f0f;
		border-top: none;
		border-right: 1px solid #0f0f0f;
		background-color: #1c1c1c;
		overflow-y: hidden;
		padding-right: 2px;
	}
		#chatbox .messagepanel p.header a {
			background: #000;
			text-decoration: none;
			padding: 1px 5px 1px 5px;
			border: 1px solid #535353;
			color: #fff;
		}
		#chatbox .messagepanel p.header a:hover {
			border-color: #5ab63e;
		}
		
		#chatbox .messagepanel p {
			margin: 4px 0 0 5px;
		}
		
		#chatbox .messagepanel p .stamp {
			padding-left: 2px;
			color: #555;
		}
		
		#chatbox .messagepanel p .user {
			color: #6dc44c;
		}

		#chatbox .messagepanel p .message {
			color: #eee;
		}
		
	#chatbox .userpanel {
		float: right;
		width: 150px;
		border: 1px solid #232323;
		background-color: #1f1f1f;
		padding: 0 5px 0 5px;
		margin: -20px 5px 5px 5px;
		overflow-y: hidden;
	}
	
		#chatbox .userpanel h2 {
			font-size: 12px;
			color: #eee;
			padding-left: 5px;
			background-color: #151515;
			margin: 0 -5px 5px -5px;
			padding: 3px 5px 3px 5px;
		}
	
		#chatbox .userpanel p {
			margin: 0;
			margin-top: 2px;
		}
	
		#chatbox .userpanel a {
			text-decoration: none;
			color: #aaa;
			padding-left: 5px;
		}
		#chatbox .userpanel a:hover {
			color: #fff;
		}