.democracy {
max-width: 425px;
border: solid 2px gray;
margin-top:5px;
padding-top:4px;
padding-right:10px;
padding-bottom:4px;
padding-left:6px;
}

/* comment this out for now, because it makes the
 Solve media buttons (refresh, etc.) too big.
-Casey

.democracy img {
width: 100%;
margin-bottom: 4px;
vertical-align: middle;
}
*/

.democracy input {
vertical-align: middle;
margin-right: 5px;
width: auto;
}

/* added for extra left padding */
.democracy ul {
	margin-left: 25px;
	list-style-type:none;
}

.democracy .addAnswerText {
width: 80%;;
}

.dem-graph {
border: 1px solid #ccc;
height: 10px;
}

.dem-graph a, .dem-graph a:hover {
background: #efefef;
border-bottom: 5px solid #e0e0e0;
border-right: 1px solid #ccc;
}


* html .dem-graph a, * html .dem-graph a:hover {
border-bottom-width: 6px;
}

* html .dem-graph {
height: 11px;
}

.dem-graph b, .dem-graph i {
color: #555;
}

.dem-voted-for-this {
border-color: #888;
}

/* blix fix */
.democracy ul { padding: 0; } 
.democracy label {
float: none;
display: inline;
}

/*
.democracy ul li {
list-style: none;
background: none;
}
*/