<script language="javascript">
var tr; var td; var i = 1; var j; var st1; var st2; var p_s; var vote; var h1;

function add_span() {
 st1 = p_s.getElementsByTagName("table")[0].getElementsByTagName("strong")[0];
 st1 = st1.parentNode;
 st1.innerHTML = "<span id='title'>" + st1.innerHTML + "</span>";
}

function add_strong() {
 st2 = p_s.getElementsByTagName("table")[0].getElementsByTagName("strong")[1];
 st2 = st2.parentNode;
 st2.id = "votes";
}

function del_spacing() {
 p_s.getElementsByTagName("table")[0].setAttribute("cellspacing", "0");
}

function add_division() {
 tr = p_s.getElementsByTagName("tr");
 while (i < (tr.length - 1)) {
  tr[i].setAttribute("class", "row" + i + "");
  h1 = tr[i].getElementsByTagName("h1")[0];
  if (tr[i].getElementsByTagName("span")[1].innerHTML.indexOf("0% - 0") != -1) {
   h1.innerHTML = "&nbsp;";
   h1.setAttribute("class", "zero_votes")
  }
  td = tr[i].getElementsByTagName("td");
  for (j = 0; j < td.length; j++) {
   td[j].setAttribute("class", "column" + (j + 1) + "");
  }
 i++;
 }
}

function add_animate() {
$('#poll-special h1').each(function() {
 $(this).data('origWidth', $(this).width()).width(0).animate({
  width: $(this).data('origWidth')
 }, 1500);
});
}

if (document.URL.indexOf("viewtopic") != -1) {
 p_s = document.getElementById("poll-special");
 vote = document.getElementById("vote"); 
 
 if (window.vote) {
  add_span();
  del_spacing();
 }

 else if (window.vote !== "object") {
  add_span();
  add_strong();
  del_spacing();
  add_division();
  add_animate();
 }
}
</script>

<style type="text/css">
#poll-special .container {
  background-color: #d8d4cb;
  border-style: none !important;
}

#poll-special .column1, #poll-special .column3 {
  text-align: center !important;
  font-size: 14px !important;
  width: 25% !important;
  background-color: #d3cfc6;
  padding: 1.5em 1em !important;
}

#poll-special .column1 {
  border-style: none none solid solid;
  border-width: 1px;
  border-color: #cac6bd;
}

#poll-special .column3 {
  border-style: none solid solid none;
  border-width: 1px;
  border-color: #cac6bd;
}

#poll-special .column2{
  background-color: #d8d4cb;
  width: 50% !important;
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: #cac6bd;
  padding: 2.0em 1.5em !important;
}

#poll-special .tac {
  padding: 0 !important;
  color: #7b736b !important;
}

#votes {
  display: block;
  width: 70px;
  margin: 15px auto 0 auto;
  background-color: #cac6bd;
  border-top-left-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -khtml-border-top-left-radius: 20px;
  -moz-border-top-left-radius: 20px;
  -o-border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -khtml-border-top-right-radius: 20px;
  -moz-border-top-right-radius: 20px;
  -o-border-top-right-radius: 20px;
  padding: 1em 2.5em !important;
}

#title {
  display: block; 
  width: 100%; 
  height: 100%;
  background-color: #d3cfc6;
  font-weight: bold;
}

#title strong {
  display: block; 
  width: 100%; 
  height: 100%;
  color: #7b736b !important;
  font-size: 1.2em !important;
  background-color: #cac6bd;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -khtml-border-bottom-left-radius: 20px;
  -moz-border-bottom-left-radius: 20px;
  -o-border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -khtml-border-bottom-right-radius: 20px;
  -moz-border-bottom-right-radius: 20px;
  -o-border-bottom-right-radius: 20px;
  padding: 1em 0 !important;
}

#poll-special h1 {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  background-image: none !important;
  height: 25px !important;
  min-width: 1em !important;
  display: block;
  padding: 0 0.3em !important;
}

#poll-special .row1 h1 {
  background-color: #f58da6;
}

#poll-special .row2 h1 {
  background-color: #f6d273;
}

#poll-special .row3 h1 {
  background-color: #cbf47a;
}

#poll-special .row4 h1 {
  background-color: #80f7da;
}

#poll-special .row5 h1 {
  background-color: #912cee;
}

.zero_votes {
  width: 15px !important;
}
</style>