/* === CSS for StarRating component === */

.stars a:focus, .stars a:hover, .stars a:active {
background-color:transparent;
}
div.stars{
float:left;width:65px;height:12px;position:relative;margin:0 10pt 0 0;top:3px;
/*background:url('/images/starrow_white.png');*/
background:url('/images/star_empty.png');
}
div.stars img{
  border:0!important;
  padding:0!important;
  height:12px;
}
div.selectedStars{
width:0;height:12px;left:0;background-image:url('/images/star_full.png')
}
div.selectedStars1{width:13px}
div.selectedStars2{width:26px}
div.selectedStars3{width:39px}
div.selectedStars4{width:52px}
div.selectedStars5{width:65px}

img.currentStars{
position:absolute;height:12px;left:0;background:url('/images/star_full.png') repeat-x;
}
/* TODO anpassen fuer Sterne mit gerader Breite
 Zur Zeit haben die Sterne eine ungerade Breite, daher werden die Sterne
 fuer die Zwischen-Schritte etwas seltsam aussehen */
img.currentStars0{width:0 !important;}
img.currentStars2{width:13px !important;}
img.currentStars3{width:20px !important;}
img.currentStars4{width:26px !important;}
img.currentStars5{width:33px !important;}
img.currentStars6{width:39px !important;}
img.currentStars7{width:46px !important;}
img.currentStars8{width:52px !important;}
img.currentStars9{width:59px !important;}
img.currentStars10{width:65px !important;}

.stars a{

width:13px;
height:12px;
position:absolute;
}
.stars img{

width:13px;
height:12px;
position:absolute;
}
.stars a:hover {
left:0px !important;
background:url(/images/star_full.png);
}
.stars img:hover {
left:0px !important;
cursor:pointer;
background:url(/images/star_full.png);
}
.bluestar2 {
left:13px;
}
.bluestar2:hover{
width:26px;
}
.bluestar3 {
left:26px;
}
.bluestar3:hover{
width:39px;
}
.bluestar4 {
left:39px;
}
.bluestar4:hover{
width:52px;
}
.bluestar5 {
left:52px;
}
.bluestar5:hover{
width:65px;
}
/* === CSS for user content === */

.userContent_title{
font-size: 130%;
font-weight:bold;
}
.userContent_metaInfo{
font-size: 90%;
margin-top:1ex;
margin-bottom: 1ex;
}

div.ufb_ratingLabel{float:left;padding:0 4pt 0 0}
div.ufb_ratingGroup{float:left;padding:0 4pt 0 0}
#ratingArea{padding:10pt 0 0 0}
#commentsArea{padding:10pt 0 0 0}

.ufb_label{
color:#000000;
font-size:0.916em;
z-index:2
}
.ufb_clear{clear:left}
.ufb_label a{

}
.ufb_label img{

}