/* ========================================================
  @ Content Board
======================================================== */

#evaluationPanel{
	text-align: center;	
}

#evaluationPanel a{
	color: #333;
	font-size: 12px;
	text-decoration: none;
}

#evaluationPanel a:hover{
	color: #9a0;
	border-bottom: 1px dotted #9a0;
}

.evaluationTxet{
	vertical-align: middle;
	text-align: center;
}

.evaluationTxet span.focus{
	font-family: Arial, Helvetica, sans-serif;
	color: #fa0;
	font-size: 28px;
	font-weight: bold;
	font-style: italic;
}

.evaluationInfo{
	padding-right: 5px;
	text-align: right;	
}

#evaluationContent{
	width: 155px;
}

.commendPanel{
	float: left;
}

.submitEvaluationPanel{
	float: right;
}

#contentPanel ul {
	margin: 0px;
	padding: 0px 15px 0px 25px;
}

#contentPanel li{
	_height: 1%;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0px 5px 0px;
	word-break: break-all;
}

#contentPanel div.account{
	color: #999;
	font-size: 11px;
}

#contentPanel div.date{
	color: #999;
	font-size: 10px;
}

.evaluationSubTitle{
	_height: 1%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#starRatingImg{
	padding: 0px;
	margin: 0px;
	position:relative;
	top:8px;
	#top:11px;
	left:5px; 
}

#evaluationContentPagging{
	_height: 1%;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

#evaluationContentPagging a{
	padding: 0px 3px 0px 3px;
	border: 1px solid #ccc;
	background-color: #ddd;
	color: #666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

#evaluationContentPagging a:hover{
	border: 1px solid #a60;
	background-color: #fa0;
	color: #fff;
}

#evaluationContentPagging a.selected{
	border: 1px solid #999;
	background-color: #666;
	color: #fff;
}

#evaluationContentPageInfo{
	_height: 1%;
	padding: 0px 5px 0px 5px;
	text-align: center;
	font-size: 11px;
}