.comment_likes_container { margin: 0; }

.comment_likes_container .bar_container {
    border-radius: 2px;
    background: rgba(109,0,25,1);
    background: -moz-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
    background: -webkit-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
    background: -o-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
    background: -ms-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
    background: linear-gradient(to bottom, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 56%, rgba(169,3,41,1) 100%);
    -webkit-box-shadow: inset 2px 2px 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    inset 2px 2px 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow:         inset 2px 2px 5px 0 rgba(50, 50, 50, 0.75);
}

.comment_likes_container.empty .bar_container {
    background: rgba(107, 107, 107, 0.50);
    background: -moz-linear-gradient(top, rgba(107, 107, 107, 0.50) 0%, rgba(143, 143, 143, 0.50) 56%, rgba(168, 168, 168, 0.50) 100%);
    background: -webkit-linear-gradient(top, rgba(107, 107, 107, 0.50) 0%, rgba(143, 143, 143, 0.50) 56%, rgba(168, 168, 168, 0.50) 100%);
    background: -o-linear-gradient(top, rgba(107, 107, 107, 0.50) 0%, rgba(143, 143, 143, 0.50) 56%, rgba(168, 168, 168, 0.50) 100%);
    background: -ms-linear-gradient(top, rgba(107, 107, 107, 0.50) 0%, rgba(143, 143, 143, 0.50) 56%, rgba(168, 168, 168, 0.50) 100%);
    background: linear-gradient(to bottom, rgba(107, 107, 107, 0.50) 0%, rgba(143, 143, 143, 0.50) 56%, rgba(168, 168, 168, 0.50) 100%);
}

.comment_likes_container .bar_container .bar {
    border-radius: 2px;
    background: rgba(186,235,183,1);
    background: -moz-linear-gradient(top, rgba(186,235,183,1) 0%, rgba(120,237,113,1) 50%, rgba(33,224,56,1) 51%, rgba(183,235,185,1) 100%);
    background: -webkit-linear-gradient(top, rgba(186,235,183,1) 0%, rgba(120,237,113,1) 50%, rgba(33,224,56,1) 51%, rgba(183,235,185,1) 100%);
    background: -o-linear-gradient(top, rgba(186,235,183,1) 0%, rgba(120,237,113,1) 50%, rgba(33,224,56,1) 51%, rgba(183,235,185,1) 100%);
    background: -ms-linear-gradient(top, rgba(186,235,183,1) 0%, rgba(120,237,113,1) 50%, rgba(33,224,56,1) 51%, rgba(183,235,185,1) 100%);
    background: linear-gradient(to bottom, rgba(186,235,183,1) 0%, rgba(120,237,113,1) 50%, rgba(33,224,56,1) 51%, rgba(183,235,185,1) 100%);
    -webkit-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow:    inset 0 0 5px 0 rgba(255, 255, 255, 0.75);
    box-shadow:         inset 0 0 5px 0 rgba(255, 255, 255, 0.75);
}

.comment_likes_container .bar_container { display: inline-block; border: 1px solid black;   }
.comment_likes_container .bar           { display: inline-block; border: 1px solid dimgrey; }
.comment_likes_container .bar_container { white-space: nowrap; overflow: hidden; }

.comment_likes_container.small                { position: relative; top: 3px; }
.comment_likes_container.small .bar_container { height: 14px; width:  32px; }
.comment_likes_container.small .bar           { height: 13px; }
.comment_likes_container.large .bar_container { height: 20px; width: 128px; }
.comment_likes_container.large .bar           { height: 18px; }

.comment_likes_container.small                ,
.comment_likes_container.small .bar_container ,
.comment_likes_container.small .bar           { margin-top: 0 !important; margin-bottom: 0 !important }

.comment_likes_container .voting_control .ct      { font-size: 20px; cursor: pointer; vertical-align: top; }
.comment_likes_container .voting_control .fa      { vertical-align: top; }
.comment_likes_container .voting_control .like    { color: green; }
.comment_likes_container .voting_control .dislike { color: maroon; }

.comment_likes_container .voting_control .like:hover    { color: limegreen; }
.comment_likes_container .voting_control .dislike:hover { color: red; }

.comment_likes_container .voting_users                 { position: relative; top: -4px; }
.comment_likes_container .voting_users .user_voted     { margin-left: 10px; }
.comment_likes_container .voting_users .liked          { color: green;  }
.comment_likes_container .voting_users .liked:after    { content: ":+1" }
.comment_likes_container .voting_users .disliked       { color: maroon; }
.comment_likes_container .voting_users .disliked:after { content: ":-1" }

.comment_likes_container.inactive .voting_control .like:hover    { color: green; }
.comment_likes_container.inactive .voting_control .dislike:hover { color: maroon; }
.comment_likes_container.inactive .voting_control .ct            { cursor: auto; }
.comment_likes_container.inactive .voting_control .ct .fa        { display: none; }

#vote_details_table tr.liked    td              { background-color: #e3fbe9 }
#vote_details_table tr.disliked td              { background-color: #ffe4e9 }
#vote_details_table tr.clicked.liked    td      { background-color: #c7dfcd }
#vote_details_table tr.clicked.disliked td      { background-color: #dfc4c9 }

#vote_details_table tr.liked    td              , 
#vote_details_table tr.liked    td a            , 
#vote_details_table tr.liked    td .pseudo_link { color: darkgreen; }

#vote_details_table tr.disliked td              , 
#vote_details_table tr.disliked td a            , 
#vote_details_table tr.disliked td .pseudo_link { color: maroon; }