.capsule-button
{
	border:none;
	background-color:/*blue*/#58BAF0;
	border-bottom:2px solid;
	border-color:/*dark-blue*/#4694BF;
	padding:5px 10px;
	border-radius:100px;
	color:white;
	font-weight:bold;
	font-size:17px;
	vertical-align:middle;
	cursor:pointer;
	text-shadow:0px 1px rgba(0,0,0,0.2);
}

.capsule-button:focus
{
	outline:none;
}

.capsule-button.selected
{
	background-color:/*orange*/#E79924;
	border-color:/*dark-orange*/#B8791C;
}

.capsule-button.icon
{
	padding:0px;
	font-size:0px;
	line-height:0px;
}

.capsule-button.square
{
	border-radius:5px !important;
}

.capsule-button.audio
{
	margin-right:10px;
}

.capsule-button.float
{
	display:inline-block;
}

.capsule-button.incorrect
{
	background-color:/*red*/#DB7662;
	border-color:/*dark-red*/#AE5E4E;
}


.capsule-button:disabled
{
	background-color:#ccc;
	border-color:#bbb;
	
}

.capsule-button.disabled
{
	background-color:#ccc !important;
	border-color:#bbb !important;
	cursor:auto !important;
	pointer-events:none !important;
}

.capsule-button.reset-button
{
	background-color:/*red*/#DB7662;
	border-color:/*dark-red*/#AE5E4E;
}

.fraction
{
	display:inline-block;
	line-height:15px;
	font-size:12px;
	vertical-align:middle;
	text-align:center;
}

.fraction .num
{
	padding:0px 3px;
}

.fraction .den
{
	padding:0px 3px;
	border-top:1px solid black;
}