/* -----------------------------------------------------------------------------
 * Main
 * ----------------------------------------------------------------------------- */

body {
	margin:		0;
	padding:	0;
	font-family:	sans-serif;
	font-size:	100%;
	color:		black;
	background:	white;
}
#header {
	margin:		0;
	background:	rgb(0,90,180);/*blue*/
	background:	rgb(180,45,0);/*red*/
	color:		rgba(255,255,255,0.8);
	border-bottom:	1px solid rgb(200,50,0);/*red*/
	padding:	2px 4px;
	padding-bottom: 1px;
	overflow:	hidden;
	font-size:	75%;
}
#header a {
	color:		white;
}
#appname {
	float:		left;
}
#user {
	float:		right;
}
h1 {
	margin-top:	.2em;
	margin-bottom:	.2em;
	font-family:	serif;
	font-weight:	normal;
	font-size:	200%;
}
h2 {
	margin-top:	.9em;
	margin-bottom:	.2em;
	font-family:	serif;
	font-weight:	normal;
	font-size:	160%;
	clear: both;
}
h1 + h2 {
	margin-top:	.4em;
}
h3 {
	font-size:	125%;
	font-weight:	normal;
	font-family:	serif;
	margin:			0;
	margin-top:		.7em;
	margin-bottom:	.2em;
}
h2 + h3 {
	margin-top:		.4em;
}
p {
	margin: .8em 0;
}
#main {
	padding:	1em;
	padding-top:	0;
}
table ul {
	margin: 0;
	padding: 0;
	padding-left: 1em;
}
td {
	vertical-align: top;
}

/* -----------------------------------------------------------------------------
 * Navigation
 * ----------------------------------------------------------------------------- */

#nav {
	background:	black;
	background:	-moz-linear-gradient(-90deg, #333,#000);
	color:		rgb(128,128,128);
	padding:	4px;
	padding-top:	4px;
	padding-left:	.6em;
	font-size:	90%;
}
#nav a {
	color:		white;
	text-decoration:	none;
	padding:	1px 4px;
	margin-left:	.4em;
	margin-right:	.4em;
	border:		1px solid transparent;
}
#nav a:hover {
	/*blue*/
	background:	rgb(0,64,128);
	background:	rgba(0,128,255,0.5);
	border-color:	rgba(0,128,255,0.8);
	/*red*/
	background:	rgb(128,32,0);
	background:	rgba(255,64,0,0.5);
	border-color:	rgba(255,64,0,0.8);
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nav a.current {
	/*blue*/
	background:	rgb(0,64,128);
	background:	-moz-linear-gradient(-90deg, rgba(0,128,255,0.6), rgba(0,128,255,0.8));
	border-color:	rgba(0,128,255,0.8);
	/*red*/
	background:	rgb(128,32,0);
	background:	-moz-linear-gradient(-90deg, rgba(255,64,0,0.6), rgba(255,64,0,0.8));
	border-color:	rgba(255,64,0,0.8);
	border-bottom:	0;
	margin-bottom:	-4px;
	padding-bottom:	3px;
	padding-top:	2px;
	position:	relative;
	top:		1px;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

/* -----------------------------------------------------------------------------
 * General styling
 * ----------------------------------------------------------------------------- */

a img {
	border:	0;
}
hr {
	border: 0;
	border-top:	1px solid rgb(0,128,255); /*blue*/
	border-top:	1px solid rgb(255,64,0); /*red*/
	height: 0;
}

table {
	margin-top: .5em;
	margin-bottom: .5em;
}
table, th, td {
	text-align:	left;
	border-top:	1px solid rgb(192,192,192);
	border-bottom:	1px solid rgb(192,192,192);
	border-collapse: collapse;
}
th, td {
	padding:	2px 5px;
	padding-right:	5px;
}
thead {
	/*blue*/
	border-bottom:	2px solid rgb(0,128,255);
	background:	rgba(0,128,255,0.1);
	/*red*/
	border-bottom:	2px solid rgb(255,64,0);
	background:	rgba(255,64,0,0.1);
	cursor:		default;
}
table .old-entry td {
	color: rgb(128,128,128);
	text-decoration: line-through;
}
table .missing-entry {
}

.rawdate {
	display: none;
}

ul,ol {
	margin-top: .5em;
	margin-bottom: .5em;
}

.late {
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
}

/* -----------------------------------------------------------------------------
 * Forms
 * ----------------------------------------------------------------------------- */

form table, form td, form th {
	border:		0;
	border-collapse: collapse;
	padding: 0;
	padding-right: .5em;
	padding-bottom: .2em;
}

.error-message {
	background:	rgb(255,200,200);
	border:		2px solid red;
	padding:	.5em;
	margin:		1em;
}
.notice-message, .warning-message {
	background:	rgb(250,240,200);
	border:		2px solid rgb(240,220,0);
	padding:	.5em;
	margin:		1em;
}
.confirm-message {
	background:	rgb(200,255,200);
	border:		2px solid rgb(0,255,0);
	padding:	.5em;
	margin:		1em;
}

/* -----------------------------------------------------------------------------
 * Tooltips
 * ----------------------------------------------------------------------------- */

#tooltip, .comments {
	position:	absolute;
	z-index:	3000;
	border:		1px solid #111;
	border:		1px solid rgb(192,192,192);
	background:	rgb(255,237,230);
	padding:	5px 10px;
}

tr .comments {
	display: none;
}
tr:hover .comments {
	display: block;
}
.comments .title {
	font-size: 80%;
	float: left;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.comments div {
	float: left;
}

.small {
	font-size: smaller;
}