<div class="RateThisPage">
<div class="page-rate">
<ul class="rating">
<li><a href="javascript:goRating(393);" title="Very Poor (1 Star)" class="one-star">Very Poor</a></li>
<li><a href="javascript:goRating(392);" title="Poor (2 Stars)" class="two-stars">Poor</a></li>
<li><a href="javascript:goRating(391);" title="OK (3 Stars)" class="three-stars">OK</a></li>
<li><a href="javascript:goRating(390);" title="Good (4 Stars)" class="four-stars">Good</a></li>
<li><a href="javascript:goRating(389);" title="Excellent (5 Stars)" class="five-stars">Excellent</a></li>
</ul>
</div>
</div>
<div class="RateThisPage">
<div class="page-rate">
<ul class="rating">
<li><a href="javascript:goRating(393);" title="Very Poor (1 Star)" class="one-star">Very Poor</a></li>
<li><a href="javascript:goRating(392);" title="Poor (2 Stars)" class="two-stars">Poor</a></li>
<li><a href="javascript:goRating(391);" title="OK (3 Stars)" class="three-stars">OK</a></li>
<li><a href="javascript:goRating(390);" title="Good (4 Stars)" class="four-stars">Good</a></li>
<li><a href="javascript:goRating(389);" title="Excellent (5 Stars)" class="five-stars">Excellent</a></li>
</ul>
</div>
</div>
/* No context defined for this component. */
<script type="text/javascript">
function goRating(idNum)
{
var postRating = '<form id="cmxcssform" action="http://www.cssgov.com/web/survey/formproc.aspx" method="post">';
postRating = postRating + '<input type="hidden" name="selected" value="1" />';
postRating = postRating + '<input type="hidden" name="AccessKey" value= "lyRoQZO/rW/q8/bhZYtF1DPk4WJ1cJlM91hT766nj5Nn1Lk3HpTwvpOb6rcCHDyg"/>';
postRating = postRating + '</form>';
$('body').append(postRating);
var postRatingForm = document.getElementById("cmxcssform");
postRatingForm.selected.value = idNum;
postRatingForm.submit();
}
</script>
.ratingNoJS li {
display: inline;
}
.ratingNoJS {
position: relative;
text-align: left;
padding: 0;
list-style: none;
background-position: left top;
margin: 5px 0 0 10px;
}
.page-rate {
background-image: url(/images/rating_bg.gif?v=1);
background-repeat: no-repeat;
bottom: 0;
height: 71px;
padding-left: 5px;
padding-top: 25px;
right: 0;
width: 156px;
margin: 5px auto;
clear: both;
}
.page-rate .rating,
.page-rate .rating a:hover,
.page-rate .rating a:active,
.page-rate .rating a:focus,
.page-rate .rating {
background-image: url(/images/starsGrid.gif);
}
.rating {
position: relative;
width: 50px;
height: 10px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
background-position: left top;
}
.rating li {
display: inline;
}
.rating a,
.rating .current-rating {
position: absolute;
top: 0;
left: 0;
height: 10px;
line-height: 10px;
outline: none;
text-indent: -1000em;
overflow: hidden;
border: none;
}
.rating a:hover,
.rating a:active,
.rating a:focus {
background-position: left bottom;
}
.rating a.one-star {
width: 20%;
z-index: 6;
}
.rating a.two-stars {
width: 40%;
z-index: 5;
}
.rating a.three-stars {
width: 60%;
z-index: 4;
}
.rating a.four-stars {
width: 80%;
z-index: 3;
}
.rating a.five-stars {
width: 100%;
z-index: 2;
}
.rating .current-rating {
background-position: left center;
z-index: 1;
}
.page-rate .rating {
position: relative;
width: 150px;
height: 28px;
overflow: hidden;
list-style: none;
margin: 3px 0 0 0;
padding: 0;
background-position: left top;
}
.page-rate .rating a,
.page-rate .rating .current-rating {
height: 25px;
line-height: 31px;
}
There are no notes for this item.