/* Starbox.css 
   Part of http://www.nickstakenburg.com/projects/starbox/
   #E1C754
*/

.starbox_values {
	display:				inline;
	clear:					both;
	float:					left;
	width:					400px;
	padding-bottom:			3px;
}

.starbox {
	clear:					both;
}

.starbox_value {
	text-align:				center;
	color: 					#999999;
	font-weight:			bold;
	float:					left;
	width:					32px;
	display:				block;
}

.starimages {
	display: 				block; 
	float: 					left;
}

.starbox_block {
	display:				inline;
	clear:					both;
	float:					left;
	margin-left:			26px;
}

.starbox_txt {
	display:				block;
	font-size:				11px;
	color:					#999999;
	font-weight:			700;
	padding-bottom:			5px;
}

.starbox_values_backend {
	display:				inline;
	clear:					both;
	float:					left;
	width:					400px;
	padding-bottom:			3px;
}

/* Backend */

.starbox_backend {
	clear:					both;
}

.starbox_value_backend {
	text-align:				center;
	color: 					#999999;
	font-weight:			bold;
	float:					left;
	width:					32px;
	display:				block;
}

.starbox_block_backend {
	display:				inline;
	clear:					both;
	float:					left;
	margin-left:			26px;
}


.starbox .stars { background: #FFFFFF; } 
.starbox .rated .stars { background: #FFFFFF; }
.starbox .rated .hover .stars { background: #FFFFFF; } 
.starbox .colorbar { background: #FFFFFF; } 
.starbox .hover .colorbar { background: #E1C754; } 
.starbox .rated .colorbar { background: #E1C754; } 
.starbox .rated .hover .colorbar { background: #E1C754; } 
.starbox .ghost { background: #FFFFFF; } 
.starbox .indicator { clear: both; } 

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }