.hide
{
	display:none;
}

.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  margin-left:2px;
  margin-right:2px;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}

.read_or_not
{
	text-align: center;
    float: left;
    margin: auto;
    width: 100%;
}

.btn
{
	cursor:pointer;
	margin:5px;
	padding: 5px;
	font-weight: bold;
	font-size:20px;
	text-shadow: 1px 1px 1px #000;
	border: solid thin #882d13;
	-webkit-border-radius: .7em;
	-moz-border-radius: .7em;
	border-radius: .7em;
	-webkit-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 2px #bbb;
	color: #000;
}

.read,.not_read
{
    background: #d9dad9;
    background: -webkit-linear-gradient( #d9dad9 , #767776 );
    background: -o-linear-gradient( #d9dad9 , #767776) ;
    background: -moz-linear-gradient( #d9dad9 , #767776) ;
    background: linear-gradient( #d9dad9 , #767776) ;
}
.read:hover
{
    background: #03B100;
    background: -webkit-linear-gradient( #03B100 , #66FF79 );
    background: -o-linear-gradient( #03B100 , #66FF79) ;
    background: -moz-linear-gradient( #03B100 , #66FF79) ;
    background: linear-gradient( #03B100 , #66FF79) ;
}

.not_read:hover
{ 
    background: #981305;
    background: -webkit-linear-gradient( #981305 , #f53e2b );
    background: -o-linear-gradient( #981305 , #f53e2b) ;
    background: -moz-linear-gradient( #981305 , #f53e2b) ;
    background: linear-gradient( #981305 , #f53e2b) ;	
}

.story_footer
{
	width:100%;
	position:relative;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-width:2px solid;
	border-style: outset;
	border-color:black;
	padding-top:10px;
	padding-bottom:10px;	
}

.star_rating
{
	width:100%;
	position:relative;
	float:left;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-width:2px solid;
	border-style: outset;
	border-color:black;
	padding-top:10px;
	padding-bottom:10px;
}

.rating_stars
{
	width:60%;
    position: relative;
    float: left;
}

.rating_points
{
	width:10%;
	height:40px;
	border: 2px solid black;
	font-size:24px;
    position: relative;
    float: left;	
}

.rating_points img
{
    max-width: 100%;
	max-height: 100%;	
}

.my-rating-readonly .jq-star, .sending_data .jq-star
{
	cursor:default !important;
}

.medium_rating
{
	display:none;
}

.describe_vote
{
    position: relative;
    float: left;
    width: 25%;
    text-align: right;
	display:table;
}

.vote_helper
{
	display:table-cell;
	vertical-align:middle;
    height: 40px;
    font-size: 12px;
}

@media only screen and (max-width: 740px){	/*X Mobile L-M-S*/

.describe_vote
{
	width:100%;
	text-align:center;
}
.rating_points
{
    width: 10%;
    margin: auto;
    margin-left: 45%;
	height:34px;
}

.rating_stars
{
	width:100%;
}


}