/* CSS Document */
body { margin:0px; padding:0px; font:14px/16px Arial, Helvetica, sans-serif; }

/*RATE IT ------------------------------------------------------------------------------------------------*/

.rating { cursor: pointer; display: block; width: 100px; }
.rating:after { content: '.'; display: block; height: 0;width: 0;clear: both; visibility: hidden; }

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

.star,
.star a {background: url(../images/star.gif) no-repeat 0 0px;}
.star a { display: block; width: 100%; height: 100%; background-position: 0 0px; }

div.rating div.on a { background-position: 0 -16px;}
div.rating div.hover a, div.rating div a:hover { background-position: 0 -32px; }

div.done, div.done a { cursor: default; }

.balaodialogo {
    position: absolute;
    background-color: #5CB85C;
    border-radius: 10px;
    width: 80px;
    height: 65px;
    line-height: 15px; /* vertically center */
    color: white;
    padding-top:15px;
    text-align: center;
    font-family: Raleway;
    font-weight:bold;
    top:-85px;
    right:10px;
    font-size:13px;
}

.balaodialogo:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 11px solid;
    border-top-color: #5CB85C;
    top: 100%;
    left: 80%;
    margin-left: -15px; /* ajustar pela largura do balão */
}