tr.header {
    background-color: #0000D3;
    color: #FFFFFF;
    font-weight: bold;
}
table th {
    background-color: #0000D3;
    color: #FFFFFF;
    font-weight: bold;
}
thead {
    background-color: #0000D3;
    color: #FFFFFF;
    font-weight: bold;
}
tfoot {
    background-color: #0000D3;
    color: #FFFFFF;
    font-weight: bold;
}

/* page with all possible combis START */
table#all-combis {
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

table#all-combis thead th {
	color: #0000d3;
	padding: 0.5em;
	background: #fff;
	font-weight: normal;
}

table#all-combis tbody tr:hover {
	background: none;
}

table#all-combis tbody tr.line-colored {
	background: #E0EEEE;
}

table#all-combis tbody tr.headline {
	background: #000FFF;
	color: #fff;
	font-weight: bold;
}

table#all-combis tbody tr.headline td {
	text-align: left;
}

table#all-combis tbody tr td {
	padding: 0.5em;
	text-align: right;
}

table#all-combis tbody tr td.title {
	text-align: left;
}

/*TOOLTIP */
.tooltip {
	width: 16px;
	height: 16px;
	background: url("../images/icons/help.png") left no-repeat;
	position: absolute;
}

a.tooltip {
	text-decoration: none;
	color: #444444;
	font-weight: normal;
	font-size: 0.9em;
}

a.tooltip:hover {
	position: absolute;
}

a.tooltip span {
	position: absolute;
	visibility: hidden;
	width: 20em;
	top: 2em; left: 1em;
	background: #ffffdd;
	border: 1px solid #aaaaaa;
	padding: 7px;
	color: #444444;
}

.tooltip:hover span {
	visibility: visible;
	z-index: 23;
}

a.tooltip span b {
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #888888;
	margin-bottom: 5px;
}

table#all-combis thead th a.tooltip {
	width: 16px;
	height: 16px;
	background: url("../../../images/icons/info_icon.png") left no-repeat;
	position: absolute;
	margin-left: 5px;
}

/* page with all possible combis END */