.requirement-status-bar {
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: inline-block;
	
	color: white;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}

.requirement-status-value {
	width: 100%;
	height: 20px;
	margin-bottom: 5px;
}

.requirement-status-value.detail:hover .requirement-status-bar.status-ok,
.requirement-status-value.detail:hover .requirement-status-bar.status-nok,
.requirement-status-value.detail:hover .requirement-status-bar.status-notrun,
.requirement-status-value.detail:hover .requirement-status-bar.status-unknown {
	display: none;
}

.requirement-status-value.detail:hover .requirement-status-bar-detail {
	display: inline-block;
	outline: 1px solid gray;
}
.raven-truncate {
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding-left: 2px;
}
ul.requirement-status-bar-detail {
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 0;
	display: none;
}

ul.requirement-status-bar-detail a {
	color: white;
}

ul.requirement-status-bar-detail, ul.requirement-status-bar-detail li {
	height: 20px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	color: white;
	text-align: center;
	cursor: default;
}

.status-ok {
	background-color: #95C160;
}

.status-nok {
	background-color: #D45D52;
}

.status-notrun {
	background-color: #F1E069;
}

.status-unknown {
    background-color: #9AA1A8;
}

.status-uncovered {
	background-color: #3671A3;
}