.dem-graph {
position: relative;
font: 9px/10px arial, sans-serif;
margin-top: 2px;
padding-right: 1px;
margin-bottom: 3px;
}

.dem-graph a, .dem-graph a:hover {
display: block;
float: left;
height: 5px;
cursor:default;
text-decoration: none;
border: 0;
}


.dem-winner a, .dem-winner a:hover {
border-right: 0;
}

.dem-winner {
padding-right: 0;
}

.dem-graph b, .dem-graph i {
float: left;
display: block;
position: absolute;
margin-left: 3px;
font-weight: bold;
font-style: normal;
}



.dem-vote-button { 
    color: #FFF; 
    padding: 5px;
    margin: 0px 0px 0px 9px;
    text-transform: uppercase; 
    border: none;
 	/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
	-webkit-transition: -webkit-box-shadow 0.3s linear;
 
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b80000), to(#b80000)); 
	background:  -moz-linear-gradient(25% 75% 90deg,#b80000, #b80000); 
 
	/* -- CSS3 - Rounded Corners -- */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
}

.dem-vote-button:hover {
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 20px #555;
	border: none;
	color: #FFF;
	/* -- CSS3 Shadow - create a shadow around each input element -- */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b80000), to(#b80000)); 
	background:  -moz-linear-gradient(25% 75% 90deg,#b80000, #b80000); 
}


/*.dem-vote-button {
	width: 80px !important; 
    color: #FFFFFF !important; 
    text-transform: uppercase; 
    margin: -4px 0px 0px 0px;
    border: 1px solid #c2c2c2;
    padding: 5px;
    cursor: pointer;
    background: #000000 !important;
}

.dem-vote-button:hover {
	width: 80px !important; 
    color: #FFF; 
    text-transform: uppercase; 
    margin: -4px 0px 0px 0px;
     border: 1px solid #b80000;
    padding: 5px;
    cursor: pointer;
    background: #b80000 !important;
}*/

.democracy {
padding-bottom: 5px;
}

/* kubrick fixies */
.democracy form {
text-align: left;	
}

html>body .entry .democracy ul {
text-indent: 0 !important;
}


.democracy input {
vertical-align: middle;
margin: -4px 0px 0px 0px;
}


.dem-graph a i, .dem-graph a:hover b {
display: none;
}

.dem-graph a:hover i {
display: block;
}

/* yay IE hack - display or visibility don't work */
* html .dem-graph a i, * html .dem-graph a:hover b {
filter: alpha(opacity=0);
display: block;
}

* html .dem-graph a:hover i {
filter: alpha(opacity=100);
display: block;
}


.dem-total-votes, .dem-added-by-guest {
display: block;
margin: 3px 0;
}

.dem-user-added {
display: block;
}

.dem-archives .democracy {
margin-bottom: 30px;	
}