/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */

/*-- LAYOUT --*/

#rating-module, .rating-module {
width: 100%;
height: auto;
padding: 0;
margin: 0 0 0.5em 0;
overflow: hidden;
*overflow: auto;
}

.rating-stars {
width: 65%;
height: 4em;
padding: 0.5em;
margin: 0em;
float: left;
border: solid 1px #999;
}

.rating-stars-complete {
background: url(../images/icon-atentie.gif) no-repeat right center;
width: 95%;
height: auto;
padding: 0.5em;
margin: 0em;
float: left;
border: solid 1px #999;
}

#hover-results, .hover-results {
font-family: "Lucida Sans", Arial, System;
font-size: 200%;
padding: 0;
margin: -0.5em 0.25em 0 0;
*margin: -0.9em 0.25em 0 0;
float: right;
}

.hover-results {
margin: -0.2em -1em 0.2em 0;
text-align: left;
float: none;
}

.hover-results a {
font-size: 50%;
color: #FFF;
font-style: normal;
text-decoration: none;
padding: 0.5em 1.7em;
}

a.vot-btns {
background: url(../images/comment-post-btn-submit.gif) no-repeat center top;
border: solid 1px #333;
margin-bottom: 0.5em;
}

a.vot-btns:hover {
background: url(../images/comment-post-btn-submit.gif) no-repeat scroll center -3.2em;
border: solid 1px #333;
margin-bottom: 0.5em;
}

.vote {
color: #b3d24a;
font-family: "Lucida Sans", Arial, System;
font-size: 110%;
background: url(../images/rating-submit-btn.gif) no-repeat left top transparent;
width: 6.81em;
height: 4.54em;
line-height: 4.54em;
outline: none;
border: none;
padding: 0 0.5em 0 0;
*padding: 0 0.7em 0 0;
text-align: right;
white-space: nowrap;
cursor: pointer;
float: right;
}
.vote-ov {
color: #FFF;
font-family: "Lucida Sans", Arial, System;
font-size: 110%;
background: url(../images/rating-submit-btn.gif) no-repeat left -4.54em transparent;
width: 6.81em;
height: 4.54em;
line-height: 4.54em;
outline: none;
border: none;
padding: 0 0.5em 0 0;
*padding: 0 0.7em 0 0;
text-align: right;
white-space: nowrap;
cursor: pointer;
float: right;
}

.info-rating {
font-family: "Lucida Sans", Arial, System;
color: #FFF;
font-size: 110%;
width: 80%;
margin: 0 0 0.5em 0;
*margin: 0 0 0.5em 0;
padding: 0;
display: block;
*display: inline-block;
}

.overall-ratings {
width: 100%;
padding-top: 0.5em;
display: block;
*display: inline-block;
float: left;
clear: both;
}
.overall-ratings em {
font-style: normal;
color: #b3d24a;
}

/*-- END OF LAYOUT --*/


/*-- FUNCTIONALITATE --*/
div.rating {
cursor:pointer;
margin:2em;
clear:both;
display:block
}

div.rating:after {
content:'.';
display:block;
height:0;
width:0;
clear:both;
visibility:hidden;
}

div.cancel, div.star {
float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
}

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

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

div.cancel a, div.star a {
display:block;
width:16px;
height:100%;
background-position:0 0px;
border:1 solid #FF0000;
}

div.star_on a {
background-position:0 -16px!important;
}

div.star_hover a, div.star_live a:hover {
background-position:0 -32px;
}

/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover {
cursor:default !important;
}

/* Partial Star CSS */
div.star {
background:transparent!important;
overflow:hidden!important;
}
/* END jQuery.Rating Plugin CSS */