.pass-meter {
	width:100%;
	padding-top:3px;
	padding-bottom: 30px;
}

.pass-meter.hidden {
	display: none;
}
.pass-meter .details, .pass-meter .pass-meter-message{
	margin-top: 3px;
}

.pass-meter-col {
	float:left;
	width:25%;
	padding:1px;
}

.pass-meter-col .indicator {
	border-radius:3px;
	background-color:#eee;
	height:5px;

}
.pass-meter-col.poor .indicator{
	background-color:#ef4e3a;
}
.pass-meter-col.weak .indicator{
	background-color:#F27B1C;
}
.pass-meter-col.good .indicator{
	background-color:#66cc33;
}
.pass-meter-col.strong .indicator{
	background-color:#33A7E3;
}

.pass-meter .pass-meter-message {
	width:49%;
	text-align:right;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#555;
	min-height:7px;
	float: right;
}
.pass-meter .details{
	width:49%;
	text-align:left;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#555;
	min-height:7px;
	float: left;
	cursor: pointer;
}
.pass-meter .details span{
	cursor: pointer;
}

.pass-meter .details:hover, .pass-meter .link{
	color: rgb(0, 102, 255) !important;
}
.pass-meter .link{
	cursor: pointer;

}
.pass-meter .link:hover{
	text-decoration: underline;
}
.detail_box .row {
	clear: both;
}

.detail_box .row .col{
	float: left;
	width: 49%;
}

.match-sequence {

}
.match-sequence .sequence{
	float: left;
	width: auto;
	margin-right: 10px;
}
.match-sequence .sequence table td:nth-child(2){
	padding-left: 4px;
}
.sequence .token{
	text-align: center;
}
.sequence code{
	border: 1px solid;
	padding: 3px;
}