#x13stars-container{
	width:100%;
	background:#FAFAFA;
	border-radius:4px;
	border:1px solid #CCC;
	position:relative;
	margin:10px 0;
	padding:10px 0;
}

#x13stars-form{
	display:none;
}

#x13stars-message p{
	margin:0 10px 10px 10px;
	background:#59B200;
	color:white;
	padding:4px;
	border-radius:3px;
	display:none;
}

#x13stars-message p.error{
	background:red;
}

#x13stars-message p.logged{
	background:gray;
}

#x13stars-stars{
	margin:0 10px;
	overflow:visible;
	padding-bottom:10px;
	position:relative;
	
}

#x13stars-average{
	position:absolute;
	top:0;
	left:0;
	background:gold;
	height:100%;
	z-index:1;
}

#x13stars-stars > div:first-child{
	background:#FFF;
	float:left;
	position:relative;
}

#x13stars-container .x13stars-star{
	display:block;
	width:40px;
	max-width:20%;
	float:left;
	background:url('../img/star.png') center top no-repeat;
	background-size:contain;
	position:relative;
	z-index:2;
}

#x13stars-container .active .x13stars-star{
	cursor:pointer;
}

#x13stars-container .x13stars-text{
	display:block;
	font-size:24px;
	line-height:40px;
	text-align:right;
}

#x13stars-container .x13stars-text small{
	font-size:12px;
	text-transform:uppercase;
}

#x13stars-container .x13stars-star img{
	display:block;
	width:100%;
	visibility:hidden;
}

#x13stars-container .x13stars-desc{
	padding-left:10px;
	padding-right:10px;
	padding-top:9px;
	border-top:1px solid #CCC;
	line-height:1.1;
	font-size:0.8em;
}

/* x13stars-list.tpl */

.x13stars-list{
	margin-bottom:10px;
	position:relative;
}

.x13stars-list-avg{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:gold;
}