.votebox {width:100px; height:30px; overflow:hidden;}
.votebox .mark {height:30px; line-height:30px; text-align:center; font-weight:bold; color:#999999; cursor:help;}
.votebox .mark.positive {color:#339900;}
.votebox .mark.negative {color:#CC0000;}
.votebox .mark.unactive {color:#CC0000; font-weight:normal; cursor:default;}
.votebox .vote {width:30px; height:30px; background:transparent 50% 50% no-repeat; cursor:pointer; opacity:0.4; transition:all 0.3s;}
.votebox .vote:hover {opacity:1;}
.votebox .vote.plus {float:left; background-image:url(/img/common/vote_plus_24x24.png);}
.votebox .vote.minus {float:right; background-image:url(/img/common/vote_minus_24x24.png);}

.comments.list .votebox {float:right;}
.comments.list .votebox .vote.plus {background-image:url(/img/common/vote_plus_16x16.png);}
.comments.list .votebox .vote.minus {background-image:url(/img/common/vote_minus_16x16.png);}

.publication.card .infobar .votebox {float:left; margin:0 20px 0 0;}

.brand.card .votebox {width:auto; padding:3px 10px; margin:10px 0 0; background-color:#f6f6f6; border:#eaeaea solid 1px;}

.user.card .comments.list .votebox {width:auto; padding-right:20px;}