body {
	max-width:960px;
}
.btn {
	font-size:10px;
	font-family: 'Boomer';
	color: #555555;
	text-shadow: none;
	box-shadow: none;
	padding: 5px 10px;
	width: 100px;
  border-radius: 0;
}
#btn11, #btnB11 {
  width: 200px;
}
@media only screen and (max-width: 767px) { .btn { padding:5px 15px; } }
#groupQ{
	margin:10px 0 10px 40px;
}
.question {
	width:100%;
	height:auto;
	color:#3a3a3a;
	font-size:14px;
}
.results {
	width:100%;
	height:30px;
	overflow:hidden; /*we need this so that the bars don't jump onto different lines while tweening. better for them to dissapear for a second*/
	margin:2px 0 17px -5px;
	margin-bottom:17px;
}
.opt {
	width:0px;
	float:left;
	display:inline-block;
	height:30px;
}

.innerlabel {
	color:#FFFFFF;
	text-align:center;
	padding:3px;
	overflow:hidden;
	font-size:11px;
	line-height: 1.1em;
}
.ttip {
	border: 0 none;
	font-size: 100%;
	line-height: 1.3;
	margin: 8px;
}