body{
    font-family: arial, helvetica;
    margin:0;
}

header{
    background-color: #ccffcc;
    padding: 10px 40px;
    margin-bottom: 0px;
    border-bottom: 1px solid #55aa55;
	font-size: 13px;
}

header * {
    display: inline;
}

header li {
    margin: 20px;
}

header li a {
    color: black;
    text-decoration: none;
}

div#content{
    padding: 20px;
}

div.img{
	position:relative;
}

div.img div.stats{
	position:absolute;
	top:10px;
	left:10px;
	background-color: white;
	padding: 5px;
}

h2{
    margin-top: 30px;
}

span.ta{
    display: inline-block;
    padding: 5px;
    background-color: #ccffcc;
    margin-bottom:5px;
    margin-right: 5px;
    min-width: 50px;
}

span.ta.note{
    background-color:#ffffcc;
}

span.ta.warn{
    background-color:#ffeecc;
}

span.ta.error{
    background-color:#ff8888;
}

table, th, td{
    border: 1px solid black;
}

th, td{
    padding: 2px 4px;
}

td{
    font-size: 12px;
}

tr.line-below{
    border-bottom: 2px solid black;
}

tr.line-above{
    border-top: 2px solid black;
}

thead tr{
    background-color: #ccffcc;
    color: black;
}

tbody tr:nth-child(2n+1), tbody tr.summary{
    background-color: #fffee8;
}