/* --------------------------------------------------------
Style Sheet for jQuery Rate

version: 0.2
last modified: 12.03.2016
author: Nezbeda Harald
email: hn@nezhar.com
website: http://nezhar.com
----------------------------------------------------------*/

.rate-circle-back, .rate-circle-front {
  position: absolute;
  top: 0;
  left: 0;
  width: auto !important;
}

.rate-circle-value {
  font-style: normal;
  font-weight: bold;
  font-family: Arial;
  position: relative;
  z-index: 10;
}

.rate-color-back {
	color: #e6e6e6;
}

.rate-color0, .rate-color1, .rate-color2, .rate-color3, .rate-color4 {
	color: #ea0c0c;
}

.rate-color5, .rate-color6, .rate-color7, .rate-color8, .rate-color9 {
	color: #ee9f29;
}

.rate-color10 {
	color: #43cd34;
}

.rate-box-value {
    position: absolute;
    width:100%;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.rate-gradient0, .rate-gradient1, .rate-gradient2 {
	background-image: -webkit-linear-gradient(top, #ea5b0c 0%, #ea5b0c 100%);
	background-image: -o-linear-gradient(top, #ea5b0c 0%, #ea5b0c 100%);
	background-image: linear-gradient(to bottom, #ea5b0c 0%, #ea5b0c 100%);
	background-repeat: repeat-x;
	position: relative;
}

.rate-gradient3, .rate-gradient4 {
	background-image: -webkit-linear-gradient(top, #f28d4f 0%, #f28d4f 100%);
	background-image: -o-linear-gradient(top, #f28d4f 0%, #f28d4f 100%);
	background-image: linear-gradient(to bottom, #f28d4f 0%, #f28d4f 100%);
	background-repeat: repeat-x;
	position: relative;
}

.rate-gradient5, .rate-gradient6 {
	background-image: -webkit-linear-gradient(top, #eedf14 0%, #eedf14 100%);
	background-image: -o-linear-gradient(top, #eedf14 0%, #eedf14 100%);
	background-image: linear-gradient(to bottom, #eedf14 0%, #eedf14 100%);
	background-repeat: repeat-x;
	position: relative;
}

.rate-gradient7, .rate-gradient8 {
	background-image: -webkit-linear-gradient(top, #f3b700 0%, #f3b700 100%);
	background-image: -o-linear-gradient(top, #f3b700 0%, #f3b700 100%);
	background-image: linear-gradient(to bottom, #f3b700 0%, #f3b700 100%);
	background-repeat: repeat-x;
	position: relative;
}

.rate-gradient9, .rate-gradient10 {
	background-image: -webkit-linear-gradient(top, #5ee450 0%, #37c428 100%);
	background-image: -o-linear-gradient(top, #5ee450 0%, #37c428 100%);
	background-image: linear-gradient(to bottom, #5ee450 0%, #37c428 100%);
	background-repeat: repeat-x;
	position: relative;
}