/* rating on articles */

#contentContainer .infoBar { position: relative; font-size: 10px; padding: 0 0 0 0; }
 #contentContainer .infoBar{ padding: 0 10px; line-height: 26px; float: right; }
 #contentContainer .infoBar .rating { }
 #contentContainer .infoBar .rating img { padding: 0 0 0 5px; }

 #contentContainer .infoBar div { float: left; }
 #contentContainer .infoBar #rate1 { width:100px; float: left; }
 #contentContainer .infoBar #rate1 div { display:block; float: left; }
 #contentContainer .infoBar #rate1 div.starContainer { position:absolute; display: block; left: 20px; top: 5px; height:18px;}
 #contentContainer .infoBar #ratingMessage { position:relative;}

.infoBar .star-rating { cursor: pointer; clear: both; display: block; }
 .infoBar .star-rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; }
 .infoBar .cancel, .infoBar .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; }
 .infoBar .star-left, .infoBar .star-right { width: 8px }
 .infoBar .cancel, .infoBar .cancel a { background: url(delete.gif) no-repeat 0 -16px; }
 .infoBar .star, .infoBar .star a { background: url(../images/ratingStar.gif) no-repeat 0 0; }
 .infoBar .star-left, .infoBar .star-left a { background: url(../images/ratingStarLeft.gif) no-repeat 0 0; }
 .infoBar .star-right, .infoBar .star-right a { background: url(../images/ratingStarRight.gif) no-repeat 0 0; }
 .infoBar .cancel a, .infoBar .star a { display: block; width: 100%; height: 100%; background-position: 0 0; }
 .infoBar div.star-rating div.on, .infoBar div.star-rating div.on a { background-position: 0 -16px; }
 .infoBar div.star-rating div.hover a, .infoBar div.star-rating div a:hover { background-position: 0 -32px; }

.infoBar #ratingmsg { text-align: left; font-size: 9px; color:#aaa; height:15px; width: 100px; margin: 0 0 0 10px; clear: both; }