/* CSS Document */

.shoutbox {	
	width:100%;	
	height:250px; 
	overflow:auto;
	font-family:Tahoma;
	border:1px solid #CCCCCC;
	border-width:thin;
		
}

.bottompane {
	width:100%;
	padding-top:5px;
}

div.message{
	width:100%;
	font-family:Tahoma;
	font-size:12px;
	min-height:40px;
	border-bottom:1px solid #CCCCCC;	
	color:#0C7BCD;	
}

div.message:hover{
	background:#81CEE0;	
	color:#000000;
	cursor:pointer;
}


div.messagedate{
	text-align:right;
	font:Tahoma;
	font-size:9px;	
	padding-right:5px;	
}

div.messagename{	
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	
}

div.messagecontent{
	font-family:Tahoma;
	font-size:11px;
	padding-left:15px;
	padding-right:5px;	
	text-align:justify;
}
.toppane{
	width:100%;
}
.lowerpane{
	width:100%;
	padding-bottom:5px;
}
.messagebox{
	border:1px solid #666666;
	font-family:Tahoma;
	color:#000000;
	font-size:12px;
	width:100%;
}
.name{
	border:1px solid #666666;
	font-family:Tahoma;
	color:#000000;
	font-size:12px;
	width:100%;
}
.nameholder{
	width:75%;
	float:right;
}
.namecaption{
	width:25%;
	float:left;
	font-family:Tahoma;
	color:#0C7BCD;
	font-size:11px;
}

.messageholder{
	width:75%;
	padding-top:5px;
	float:right;
}

.messagecaption{
	width:25%;
	padding-top:10px;
	float:left;
	font-family:Tahoma;
	color:#0C7BCD;
	font-size:11px;
}

.messagecaption2{
	width:100%;
	padding-top:10px;
	float:left;
	font-family:Tahoma;
	color:#0C7BCD;
	font-size:11px;
}