.star_rating_container {
	display: inline-block;
	margin-right: 6px;
	float: right;
	margin-top: 5px;
}

/* notes

The color green for Admin was located in a setting under 
	Users-> Administrators -> General -> Username style.
	
	Still looking for font-awesome code for the big icons, formerly green, now white. \f086.
	
	user style, admin	was	<span style="color: yellow;"><strong><em>{username}</em></strong></span>
	
	

*/

/* start new by sh */

body {
	width:100%; 
	max-width: 1200px;
	margin:0 auto; /* does nothing */
	text-align: center;
}



/* end new by sh */


.star_rating {
     unicode-bidi: bidi-override;
     direction: rtl;
     list-style:none outside none;
     margin:0;
     padding:0;
}

.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
  vertical-align: middle;
}

td .star_rating {
  margin-left: 0 auto;
  width:120px;
  position:relative;
  left:-13px;
  /* test */
  display: none;
}

.star_rating li {
  margin-left:5px;
  float:right;
  unicode-bidi: bidi-override;
}

.star_rating li a {
  color:#b9b9b9;			/* #b9b9b9; is gray */
  text-decoration:none;
}

.star_rating li a {
  font-size:0px;
}

.star_rating li a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f005";
    font-size: 14px;
}

/*Firefox hack*/
@-moz-document url-prefix() {
.star_rating li a:before {
  font-size:15px;
  position:relative;
  top:-5px;
}


}

.star_rating_notrated li a,
.star_rating_notrated li ~ li a {
  color:#bdbbbb !important;
  cursor:pointer;
}

.star_rating_notrated li:hover a,
.star_rating_notrated li:hover ~ li a {
  color: lightyellow !important;
  cursor:pointer;
  text-decoration:none;
}

li.current_rating[style*="20"] ~ li a.one_star,
li.current_rating[style*="40"] ~ li:nth-child(n+5) a,
li.current_rating[style*="60"] ~ li:nth-child(n+4) a,
li.current_rating[style*="80"] ~ li:nth-child(n+3) a,
li[style*="100"]~ li:nth-child(n+2) a {
  color:#eab71f;
}

.star_rating .current_rating {
  unicode-bidi: bidi-override;
  direction: ltr;
  display:none;
  float:left;
  text-align:right;
  position:relative;
  top:1px;
  right:3px;
}

.inline_rating {
  float: left;
  vertical-align: middle;
  padding-right: 5px;
}

.star_rating_success, .success_message {
  color: #00b200;
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 10px;
}

td[id*="rating_table"] {
	text-align: center;
	margin: 0 auto;
	padding-bottom: 0px;
}

@media (max-width: 768px) {
.star_rating_container {
	display:none;
}


}