div.rating, form.rating{
  float:left;
  padding: 0;
  margin: 0em 1em 0.2em 0;
}

form.rating{
  clear: left;
}

.rating .cancel,
.rating .star {
  float: left;
  width: 17px;
  height: 15px;
  overflow: hidden;
  text-indent: -999em;
}

.rating .cancel,
.rating .cancel a {
  background: url(images/delete.gif) no-repeat 0 -16px;
}

.rating .star,
.rating .star a {
  background: url(images/star.gif) no-repeat 0 0px;
}

.rating .cancel a,
.rating .star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0px;
}

.rating div.on a {
  background-position: 0 -16px;
}

.rating div.hover a.mod,
.rating div a.mod:hover {
  background-position: 0 -32px;
}

.rating .num-votes {
  clear: left;  
}

form.rating {
  display: none;
}

/* hack for clearing the float */
.rating-item:after { 
    content: "."; 
    display: block; 
    height: 0;
    font-size:0;
    clear: both; 
    visibility: hidden;
}

.rating-item {
  display: inline-block;
  background-color:#fff;/*#f9f9f9;*/
 /* border-bottom: 1px solid #e6e6e6;*/
  margin-top: 0em;/*1*/
  padding-left: 0.5em;
  padding-top:0px;
  width: 60%;/*100%;*/
  clear: both;
  min-height: 2em;
}

.rating-intro {
  min-height: 0em; /*1em;*/
}

.rating-text {
  float: left;
  margin-left: 1em;
}

.rating-intro {
  float: left;
}

.rating-intro-text {
  float: left;
}

.rating-message {
  float: left;
  margin: 0 0 0 1em;  
  padding: 0 0.5em;
  border: 1px solid #777;
  display: none;
}

.rating-stars {
  float: left;
  clear: left;
}