<div id="pollBlock$POST_ID$"><form id="pollform$POST_ID$" onsubmit="pollnow$POST_ID$();return false;"><p class="vtitle">
 <span>$QUESTION$</span>
 </p>
 <div class="dpad">
 $ANSWERS$
<div align="center" id="pollSbm$POST_ID$" class="pollButton"><input type="hidden" name="ssid" value="umiSEOK3"><input class="pollBut" id="PlBtn$POST_ID$" type="submit" value="Болсон"></div>
<input type="hidden" name="id" value="4">
<input type="hidden" name="a" value="1"><input type="hidden" name="ajax" value="893">
 <div class="vote_btn">
 <button class="lcol" type="button" href="javascript://" rel="nofollow" onclick="new _uWnd('PollR','Санал ?гс?н',660,200,{closeonesc:1,maxh:400},{url:'/poll/4'});return false;"><span>Нийт ?гс?н</span></button>
 <span class="vote_sep lcol"></span>
 <button class="lcol" type="submit" href="javascript://" rel="nofollow" onclick="new _uWnd('PollA','Архив',660,250,{closeonesc:1,maxh:400,max:1,min:1},{url:'/poll/0-2'});return false;"><span>Архив</span></button>
 </div>
 </div>
<style>
 
 .progress {
 overflow: hidden;
 height: 13px !important;
 margin-bottom: 3px !important;
 padding: 0 3px !important;
 background: #1f1f1f !important;
 -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 0px 0px rgba(47, 47, 47, 0.75);
 -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 0px 0px rgba(47, 47, 47, 0.75);
 box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.26), 1px 1px 0px 0px rgba(47, 47, 47, 0.75);
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
 .progress0, .progress6 {
 color: #ffffff;
 text-align: center;
 text-indent: -2000em;
 height: 7px !important;
 margin: 3px 0 0 0 !important;
 display: block;
 overflow: hidden;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 background: #6786b5 !important; /* Old browsers */
 /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 
 background: -moz-linear-gradient(top, #6786b5 0%, #526f97 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6786b5), color-stop(100%,#526f97)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #6786b5 0%,#526f97 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #6786b5 0%,#526f97 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #6786b5 0%,#526f97 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #6786b5 0%,#526f97 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6786b5', endColorstr='#526f97',GradientType=0 ) !important; /* IE6-8 */
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(155, 180, 216, 0.75) !important;
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(155, 180, 216, 0.75) !important;
 box-shadow: inset 0px 1px 0px 0px rgba(155, 180, 216, 0.75) !important;
}
 .progress1, .progress7 {
 background: #bd3c3c !important; /* Old browsers */
 height: 7px !important;
 margin: 3px 0 0 0 !important;
 background: -moz-linear-gradient(top, #bd3c3c 0%, #9d2f2f 100% !important); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd3c3c), color-stop(100%,#9d2f2f)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #bd3c3c 0%,#9d2f2f 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #bd3c3c 0%,#9d2f2f 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #bd3c3c 0%,#9d2f2f 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #bd3c3c 0%,#9d2f2f 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd3c3c', endColorstr='#9d2f2f',GradientType=0 ) !important; /* IE6-8 */
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(207, 83, 83, 0.75) !important;
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(207, 83, 83, 0.75) !important;
 box-shadow: inset 0px 1px 0px 0px rgba(207, 83, 83, 0.75) !important;
}

 .progress2, .progress8 {
 background: #76ba4a !important; /* Old browsers */
 height: 7px !important;
 margin: 3px 0 0 0 !important;
 background: -moz-linear-gradient(top, #76ba4a 0%, #62a23d 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76ba4a), color-stop(100%,#62a23d)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #76ba4a 0%,#62a23d 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #76ba4a 0%,#62a23d 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #76ba4a 0%,#62a23d 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #76ba4a 0%,#62a23d 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76ba4a', endColorstr='#62a23d',GradientType=0 ) !important; /* IE6-8 */
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(154, 229, 105, 0.75) !important;
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(154, 229, 105, 0.75) !important;
 box-shadow: inset 0px 1px 0px 0px rgba(154, 229, 105, 0.75) !important;
}

 .progress3, .progress9 {
 background: #e88401 !important; /* Old browsers */
 height: 7px !important;
 margin: 3px 0 0 0 !important;
 background: -moz-linear-gradient(top, #e88401 0%, #ce7502 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e88401), color-stop(100%,#ce7502)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #e88401 0%,#ce7502 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #e88401 0%,#ce7502 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #e88401 0%,#ce7502 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #e88401 0%,#ce7502 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e88401', endColorstr='#ce7502',GradientType=0 ) !important; /* IE6-8 */
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(245, 187, 110, 0.75) !important;
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(245, 187, 110, 0.75) !important;
 box-shadow: inset 0px 1px 0px 0px rgba(245, 187, 110, 0.75) !important;
}

 .progress4, .progress10 {
 background-color: #4bb1cf !important;
 height: 7px !important;
 margin: 3px 0 0 0 !important;
 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9) !important;
 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9) !important;
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)) !important;
 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9) !important;
 background-image: -o-linear-gradient(top, #5bc0de, #339bb9) !important;
 background-image: linear-gradient(top, #5bc0de, #339bb9) !important;
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0) !important;
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(155, 180, 216, 0.75) !important;
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(155, 180, 216, 0.75) !important;
 box-shadow: inset 0px 1px 0px 0px rgba(155, 180, 216, 0.75) !important;
}

 
.progress5, .progress11 {
 background: #bd3c3c !important; /* Old browsers */
 height: 7px !important;
 margin: 3px 0 0 0 !important;
 background: -moz-linear-gradient(top, #bd3c3c 0%, #9d2f2f 100%) !important; /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd3c3c), color-stop(100%,#9d2f2f)) !important; /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #bd3c3c 0%,#9d2f2f 100%) !important; /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #bd3c3c 0%,#9d2f2f 100%) !important; /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #bd3c3c 0%,#9d2f2f 100%) !important; /* IE10+ */
 background: linear-gradient(to bottom, #bd3c3c 0%,#9d2f2f 100%) !important; /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd3c3c', endColorstr='#9d2f2f',GradientType=0 ) !important; /* IE6-8 */
 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(207, 83, 83, 0.75) !important;
 -moz-box-shadow: inset 0px 1px 0px 0px rgba(207, 83, 83, 0.75) !important;
 box-shadow: inset 0px 1px 0px 0px rgba(207, 83, 83, 0.75) !important;
}
 .answer {
 color: #d8d5d5;
 font-size: 13px;
 text-shadow: 0 1px 0 rgba(0,0,0,0.41);
 padding: 0 2px 5px 2px;
}
</style>
<script>
 for(var i = 0; i < 22; i++){
$('div.answer').eq(i).addClass('bb'+i);
$('div.answer div').eq(i).addClass('progress');
$('div.answer div div').eq(i).addClass('progress'+i).css({marginTop: '-3px', marginBottom: '-3px',backgroundRepeat: 'repeat-x'});} 
for(var e = 0; e < 15; e++){
$('div.bb'+e+' span').each(function(){
var aaa = $(this).attr('title').split('%)')[0];
var bbb = aaa.split('(')[1];
$(this).html($(this).html()+' - <span class="procent">'+$(this).attr('title').split(':')[1]+'</span><style>.bb'+e+' div div{width: '+bbb+'% !important;}</style>');
}); 
}
</script></form></div>