/* Plain HTML Version */
form.fivestar-widget {
  clear: both;
  display: block;
}
form.fivestar-widget select,
form.fivestar-widget input {
  margin: 0;
}

/* Combo Static and Rate Widget */
.fivestar-combo-stars .fivestar-static-form-item {
  float: left; /* RTL */
  margin-right: 40px; /* RTL */
}
.fivestar-combo-stars .fivestar-form-item {
  float: left; /* RTL */
}

/* Fivestar form items */
.fivestar-static-form-item .form-item,
.fivestar-form-item .form-item {
  margin: 0;
}

/* Static View-only Star Version */
div.fivestar-widget-static {
  display: table;
  text-align: center;
  margin: 5px auto -6px;
}

div.fivestar-widget-static br {
  clear: left; /* RTL */
}
/*blue star*/
div.fivestar-widget-static .star {
  display: inline-block;
  width: 22px;
  height: 21px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../images/structure/check.png) no-repeat 0 0; /* RTL */
}

div.fivestar-widget-static .star span.on {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/structure/check.png) no-repeat 0 -60px; /* RTL */
  float:left;
}

div.fivestar-widget-static .star span.off {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/structure/check.png) no-repeat 0 0; /* RTL */
}
/*big blue star*/
.big_blue_star div.fivestar-widget-static .star {
  float: left; /* RTL */
  width: 26px;
  height: 23px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../images/structure/check.png) no-repeat -49px 0; /* RTL */
}

.big_blue_star div.fivestar-widget-static .star span.on {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/structure/check.png) no-repeat -49px -63px; /* RTL */
}

.big_blue_star div.fivestar-widget-static .star span.off {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/structure/check.png) no-repeat -49px 0; /* RTL */
}
/*orange star*/
.orangestar div.fivestar-widget-static .star {
  display: inline-block;
  width: 22px;
  height: 21px;
  overflow: hidden;
  text-indent: -999em;
  background: url(../images/structure/check.png) no-repeat -24px 0; /* RTL */
}

.orangestar div.fivestar-widget-static .star span.on {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/structure/star.png) no-repeat -24px -60px; /* RTL */
}

.orangestar div.fivestar-widget-static .star span.off {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/structure/star.png) no-repeat -24px 0; /* RTL */
}

/* Javascript Star Version */
div.fivestar-widget {
  display: block;
}

div.fivestar-widget .cancel, div.fivestar-widget .star {
  float: left; /* RTL */
  width: 22px;
  height: 21px;
  overflow: hidden;
  text-indent: -999em;
}

div.fivestar-widget .star, div.fivestar-widget .star a {
  background: url(../images/structure/check.png) no-repeat 0 0; /* RTL */
  text-decoration: none;
}

div.fivestar-widget .cancel a, div.fivestar-widget .star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0; /* RTL */
  cursor: pointer;
}

div.fivestar-widget div.on a {
  background-position: 0 -30px; /* RTL */
}
div.fivestar-widget div.hover a, div.rating div a:hover {
  background-position: 0 -60px; /* RTL */
}
form.fivestar-widget div.description {
  margin-bottom: 0;
}
div.fivestar-widget .cancel, div.fivestar-widget .cancel a, div.fivestar-widget .cancel.on, div.fivestar-widget .cancel.on a {
  background: url(../images/structure/check.png) no-repeat 0 -81px; /* RTL */
  text-decoration: none;
}