body {
	background-color: white;
	color: black;
	margin: 0em;
}

div.main {
	margin: 0em;
	padding: 0em;
}

a { color: #082111; }
a:hover, a:active, a:visited { color: #1D453B; }

a img { border: none; }

div.titlebar {
	background: url('/kisskb/static/gradient-top.png') top left repeat-x;
	background-color: #55bb55;
	height: 6em;
	width: 100%;
	margin: 0em;
}

div.titlebar h1 {
	padding: 0.5em 1% 0em 1%;
	margin: 0em;
	color: #ffffff;
	font-size: 180%;
	font-weight: normal;
}

div.titlebar h2 {
	padding: 0em 1% 0em 1%;
	margin: 0em;
	color: #bbbbbb;
	font-size: 140%;
	font-weight: normal;
}

div.titlebar a {
	text-decoration: none;
	color: inherit;
}

div.topnav {
	background-color: #304f30;
	text-align: right;
	color: white;
	padding: 0.8em;
}

div.topnav a {
	color: inherit;
}

div.closer {
	background: url('/kisskb/static/gradient-bottom.png') top left repeat-x;
	background-color: #55bb55;
	height: 2em;
	width: 100%;
	margin: 0em;
}

div.footbar {
	clear: both;
	background-color: #304f30;
	text-align: right;
	color: white;
	padding: 0.4em;
	text-align: right;
	font-size: 80%;
}

div.footbar img {
	vertical-align: middle;
}

div.subtitle {
	padding: 1em;
}

div.content {
	padding: 1em;
	padding-bottom: 2em;
	background-color: white;
}

div.content h2 {
	border-bottom: thin solid black;
}

div.content h2 a {
	text-decoration: none;
}

table.detail th {
	text-align: left;
	vertical-align: top;
}

table.detail td {
	padding: 0em 1em 0em 1em;
}

table.detail ul {
	margin: 0em 0em 0em -1.5em;
}

div.right {
	text-align: right;
	float: right;
}

.ok { color: #55bb55; }
.failed { color: #FF5522; }
.setupfailed { color: #FF5522; }
.skipped { color: #9CD09C; }
.unknown { color: #FFBB38; }
.inprogress{ color: #FE7DEF; }
.pending{ color: #8E8EFF; }

div.matrix table {
	border-spacing: 1em 0.5em;
}

div.matrix td {
	padding: 0.3em 0.5em 0.3em 0.5em;
	text-align: center;
	color: inherit;
	border: thin dotted black;
}

div.matrix th {
	border: thin dotted black;
	padding: 0.4em;
}

div.matrix td.plain {
	border: none;
}

td.ok { background-color: #55bb55; }
td.failed { background-color: #FF5522; }
td.setupfailed { background-color: #FF5522; }
td.skipped { background-color: #9CD09C; }
td.unknown { background-color: #FFBB38; }
td.inprogress{ background-color: #FE7DEF; }
td.pending{ background-color: #8E8EFF; }

td.none {
	background-color: #EEEEEE;
	color: #AAAAAA;
}

td.enabled { background-color: #55bb55; }
td.disabled {
	background-color: #EEEEEE;
	color: #AAAAAA;
}
div.enabled { background-color: #55bb55; }
div.disabled {
	background-color: #DDDDDD;
	color: #AAAAAA;
}

span.meek {
	color: #CCCCCC;
}

div.ok { background-color: #55bb55; }
div.failed { background-color: #FF5522; }
div.setupfailed { background-color: #FF5522; }
div.skipped { background-color: #9CD09C; }
div.unknown { background-color: #FFBB38; }
div.inprogress{ background-color: #FE7DEF; }

div.none {
	background-color: #DDDDDD;
	color: #AAAAAA;
}

div.horizontal {
	display: inline;
}

div.pad {
	padding: 0.2em 0.5em 0.2em 0.5em;
}

div.legend div {
	padding: 0.2em 1em 0.2em 1em;
	margin: 0.2em;
	border: thin solid black;
	color: black;
	display: inline;
}

table.list td {
	padding: 0.5em 0.5em 0.2em 0.5em;
	border-bottom: thin dotted black;
	color: inherit;
}

table.list th {
	border: thin solid black;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

table.list .center {
	text-align: center;
}

.big {
	font-size: 140%;
}

.small {
	font-size: 70%;
}

ul li {
	margin-left: 0em;
	display: list-item;
}