<div class="mood">
<script language="javascript" type="text/javascript" src="/plus/mood.asp?id=6&c_id={$InfoID}&M_id={$ChannelID}"></script>
</div>
<style>
.mark {overflow:hidden;padding:15px 0 20px 111px; clear:both;}
#mark0, #mark1 {background:url(mark.gif) no-repeat -189px 0;border:0;cursor:pointer;float:left;height:48px;margin:0;overflow:hidden;padding:0;position:relative;width:189px;}
#mark1 {background-position:-378px 0;margin-left:10px;}
#barnum1, #barnum2 {color:#333333;font-family:arial;font-size:10px;font-weight:400;left:70px;line-height:12px;position:absolute;top:30px;}
.bar {background-color:#FFFFFF;border:1px solid #40A300;height:5px;left:9px;overflow:hidden;position:absolute;text-align:left;top:32px;width:55px;}
.bar div {background:transparent url(default/bar_Footbg.gif) repeat-x ;height:5px;overflow:hidden; margin:0;}
#mark1 .bar {border-color:#555555;}
#mark1 .bar div {background:transparent url(default/Barbg.gif) repeat-x ;}
</style>
<script language="JavaScript" src="{$GetSiteUrl}ks_inc/digg.js" type="text/javascript"></script>
<div class="mark">
<div onClick="digg({$ChannelID},{$InfoID},'{$GetSiteUrl}');" onfocus="this.blur()" onMouseOut="this.style.backgroundPosition='-189px 0'" onMouseOver="this.style.backgroundPosition='0 0'" id="mark0" style="background-position: -189px 0pt;">
<div class="bar">
<div style="width: 0px;" id="digzcimg"></div>
</div>
<span id="barnum1"><span id="perz{$InfoID}">0%</span> (<span id=s{$InfoID}>0</span>)</span>
</div>
<div onClick="cai({$ChannelID},{$InfoID},'{$GetSiteUrl}');" onfocus="this.blur()" onMouseOut="this.style.backgroundPosition='-378px 0'" onMouseOver="this.style.backgroundPosition='-567px 0'" id="mark1" style="background-position: -378px 0pt;">
<div class="bar">
<div style="width: 0px;" id="digcimg"></div>
</div>
<span id="barnum2"><span id="perc{$InfoID}">0%</span> (<span id="c{$InfoID}">10</span>)</span>
</div>
</div>
<script language="JavaScript" type="text/javascript">show_digg({$ChannelID},{$InfoID},'{$GetSiteUrl}');</script>