/*
Site:			www.carina-brechters.de
Author:			Torsten Schrade
Created:		28.10.2008
Usage:			Styles for the rating system
*/

/* ####################### DEFAULT ############################# */

.tx-ratings { position: relative; left: 0; top: 0; padding-top: 16px; margin: 5px 5px;}
.tx-ratings-header {clear: left;}
.tx-ratings-display { position: absolute; left: 0; top: 0; height: 12px; }
.tx-ratings-grey-bar { position: absolute; left: 0; top: 0; width: 55px; height: 12px; background: url(../images/rating_stars.gif) repeat-x; font-size: 1px; }
.tx-ratings-gold-bar { position: absolute; left: 0; top: 0; width: 0px; height: 12px; background: url(../images/rating_stars.gif) repeat-x 0 -12px; font-size: 1px; font-size: 1px; }
.tx-ratings-vote-bar { position: absolute; left: 0; top: 0; width: 55px; height: 12px; font-size: 1px; }
.tx-ratings-vote-bar div a { position: absolute; left:0; top: 0; width: 11px; height: 12px; border: none; text-decoration: none; }
.tx-ratings-vote-bar div a:hover { background-image: url(../images/rating_stars.gif); background-position: 0 -24px; }
.tx-ratings-vote-bar div a.tx-ratings-star-1 { left: 0px; width: 11px; z-index: 5; }
.tx-ratings-vote-bar div a.tx-ratings-star-2 { left: 0px; width: 22px; z-index: 4; }
.tx-ratings-vote-bar div a.tx-ratings-star-3 { left: 0px; width: 33px; z-index: 3; }
.tx-ratings-vote-bar div a.tx-ratings-star-4 { left: 0px; width: 44px; z-index: 2; }
.tx-ratings-vote-bar div a.tx-ratings-star-5 { left: 0px; width: 55px; z-index: 1; }
.tx-ratings-cleaner { clear: left; }
.tx-ratings-text { color: #606060; font-size: 11px; font-family: Helvetica,Arial; }
.tx-rating-display-wrap { position: absolute; left: 0; top: 0; font-size: 12px; visibility: hidden; z-index: 1; }
.tx-rating-display-wrap img { float: left; margin-right: 5px; }

/* ####################### MASUGA ############################# */

#cb-168 .tx-ratings,
#cb-178 .tx-ratings { padding-top: 35px; }
#cb-168 .tx-ratings-grey-bar,
#cb-178 .tx-ratings-grey-bar { width: 150px; height: 30px; background-image: url(../images/masugadesign.gif); }
#cb-168 .tx-ratings-gold-bar,
#cb-178 .tx-ratings-gold-bar{ height: 30px; background: url(../images/masugadesign.gif) repeat-x 0 -30px; }
#cb-168 .tx-ratings-vote-bar,
#cb-178 .tx-ratings-vote-bar { width: 150px; height: 30px; }
#cb-168 .tx-ratings-vote-bar div a,
#cb-178 .tx-ratings-vote-bar div a { width: 30px; height: 30px; }
#cb-168 .tx-ratings-vote-bar div a:hover,
#cb-178 .tx-ratings-vote-bar div a:hover { background-image: url(../images/masugadesign.gif); background-position: 0 -60px; }
#cb-168 .tx-ratings-text,
#cb-178 .tx-ratings-text { font-size: 11px; }
#cb-168 .tx-ratings-vote-bar div a.tx-ratings-star-1,
#cb-178 .tx-ratings-vote-bar div a.tx-ratings-star-1 { left: 0px; width: 30px; z-index: 5; }
#cb-168 .tx-ratings-vote-bar div a.tx-ratings-star-2,
#cb-178 .tx-ratings-vote-bar div a.tx-ratings-star-2  { left: 0px; width: 60px; z-index: 4; }
#cb-168 .tx-ratings-vote-bar div a.tx-ratings-star-3,
#cb-178 .tx-ratings-vote-bar div a.tx-ratings-star-3 { left: 0px; width: 90px; z-index: 3; }
#cb-168 .tx-ratings-vote-bar div a.tx-ratings-star-4,
#cb-178 .tx-ratings-vote-bar div a.tx-ratings-star-4 { left: 0px; width: 120px; z-index: 2; }
#cb-168 .tx-ratings-vote-bar div a.tx-ratings-star-5,
#cb-178 .tx-ratings-vote-bar div a.tx-ratings-star-5 { left: 0px; width: 150px; z-index: 1; }