.irate-big { width: 165px; height: 33px; position: relative; background: url(/img/ratings/big.gif) top left; z-index: 1; text-align: left; }
.irate-big .current { background: url(/img/ratings/big.gif) bottom left; height: 33px; position: absolute; }
.irate-big div { float: left; text-indent: -9999px; }
.irate-big div a { position: absolute; height: 33px; left: 0px; display: block; width: 33px; padding: 0px; z-index: 3; }
.irate-big div a:hover { background: url(/img/ratings/big.gif) center left; left: 0px !important; z-index: 2; }
.irate-big div a.mystar1 { left: 0px; }
.irate-big div a.mystar1:hover { width: 33px; }
.irate-big div a.mystar2 { left: 33px; }
.irate-big div a.mystar2:hover { width: 66px; }
.irate-big div a.mystar3 { left: 66px; }
.irate-big div a.mystar3:hover { width: 99px; }
.irate-big div a.mystar4 { left: 99px; }
.irate-big div a.mystar4:hover { width: 132px; }
.irate-big div a.mystar5 { left: 132px; }
.irate-big div a.mystar5:hover { width: 165px; }


.irate-small { width: 70px; height: 14px; position: relative; background: url(/img/ratings/small.gif) top left; z-index: 1; text-align: left; }
.irate-small .current { background: url(/img/ratings/small.gif) bottom left; height: 14px; position: absolute; }
.irate-small div { float: left; text-indent: -9999px; }
.irate-small div a { position: absolute; height: 14px; left: 0px; display: block; width: 14px; padding: 0px; z-index: 3; }
.irate-small div a:hover { background: url(/img/ratings/small.gif) center left; left: 0px !important; z-index: 2; }
.irate-small div a.mystar1 { left: 0px; }
.irate-small div a.mystar1:hover { width: 14px; }
.irate-small div a.mystar2 { left: 14px; }
.irate-small div a.mystar2:hover { width: 28px; }
.irate-small div a.mystar3 { left: 28px; }
.irate-small div a.mystar3:hover { width: 42px; }
.irate-small div a.mystar4 { left: 42px; }
.irate-small div a.mystar4:hover { width: 56px; }
.irate-small div a.mystar5 { left: 56px; }
.irate-small div a.mystar5:hover { width: 70px; }


/* BIG2 */
.irate-big2 { width: 120px; height: 24px; position: relative; background: url(/img/ratings/big2.gif) top left; z-index: 1; text-align: left; }
.irate-big2 .current { background: url(/img/ratings/big2.gif) bottom left; height: 24px; position: absolute; }
.irate-big2 div { float: left; text-indent: -9999px; }
.irate-big2 div a { position: absolute; height: 24px; left: 0px; display: block; width: 24px; padding: 0px; z-index: 3; }
.irate-big2 div a:hover { background: url(/img/ratings/big2.gif) bottom left; left: 0px !important; z-index: 2; }
.irate-big2 div a.mystar1 { left: 0px; }
.irate-big2 div a.mystar1:hover { width: 24px; }
.irate-big2 div a.mystar2 { left: 24px; }
.irate-big2 div a.mystar2:hover { width: 48px; }
.irate-big2 div a.mystar3 { left: 48px; }
.irate-big2 div a.mystar3:hover { width: 72px; }
.irate-big2 div a.mystar4 { left: 72px; }
.irate-big2 div a.mystar4:hover { width: 96px; }
.irate-big2 div a.mystar5 { left: 96px; }
.irate-big2 div a.mystar5:hover { width: 120px; }
.big2-star { min-width: 77px; background: url(/img/ratings/bigstar.gif) no-repeat; vertical-align: top; }
.big2-star div { padding-left: 15px; padding-top: 20px; color: #cf3a00; font-size: 28px; }
.big2-vote { vertical-align: middle; color: #6e6e6e; }
.big2-vote .title{ color: #cf3a00; font-size: 22px; display: block; }

