#chits {
	display: flex;
	flex-flow: row wrap;
}
.chit, .chitSmall {
	border-collapse: separate;
	color: black;
	background-color: #white;
	display: inline-block;
	margin: 1px;
	padding: 1px;
	width: 300px;
	height: 50px;
/*	white-space: nowrap; */
/*	white-space: normal; */
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
/*	text-overflow: wrap; */
/*	word-wrap: break-word; */
	vertical-align: middle;
	display: flex; 
	align-items: center;
}

.chitSmall {
	height: 30px;
}

.chGold {
	font-size: 16px;
	border: 2px solid #ffd700;
	vertical-align: middle;
}
.chSilver {
	font-size: 16px;
	border: 2px solid #BCC6CC;
	vertical-align: middle;
}
.chBronze {
	font-size: 12px;
	border: 2px solid #CB6D51;
	vertical-align: middle;
}
.chitImg {
	height: 36;
	width: 36;
	margin: 2px 6px 2px 2px;
	vertical-align: middle;
}
.chitImgSmall {
	height: 26;
	width: 26;
	margin: 2px 6px 2px 2px;
	vertical-align: middle;
}
.chitChar { /* should not be used, unless missing image */
	line-height: 24px;
	text-align: left;
	margin: 2px 6px 2px 2px;
	vertical-align: middle;
	text-decoration: none;
}
a.cl {
	float: left;
	vertical-align: middle;
}
.chitImageDiv {
	float: left;
	margin-right: 6px;
	vertical-align: middle;
}
.chitText {
	line-height: 18px;
	text-align: left;
	vertical-align: middle;
}
.chitTextSm {
	line-height: 13px;
}
.chitwrapper {
	margin: 0em 1em 1em 2.5em;
}