body {

	background-color: #FFFFFF;

	margin:0;

	padding:0;

	font-size: 1em;

	border-top: 2px solid #778899;

}



p, td, li, th {

	font: 90%/1.8em Arial, Helvetica, sans-serif;

}



#header {

	height: 30px;

	border-top: 1px solid #546371;

	border-bottom: 1px dotted #778899;

}



#content {

	margin-top: 0;

	margin-left: 20px;


}



#content h1 {

	border-bottom: 1px dotted #778899;

	width: 80%;

	color: #546371;

	font: 130% Georgia, "Times New Roman", Times, serif;

}



#content h2 {

	color: #546371;

	font: 110% Georgia, "Times New Roman", Times, serif;

}



label {

	font-weight: bold;

}



.txt {

	width: 240px;

	border: 1px inset #778899;

}



.error {

	color: #B22222;

}



#todo {

	width: 300px;

	position: absolute;

	top: 70px;

	right: 20px;

	border: 1px dotted #778899;

	padding: 0 0.5em 0.5em 1em;

}



#todo p {

	font-size: 80%;

}



#todo hr {

	height: 1px;

	background-color: #E9ECEF;

	color: #E9ECEF;

	border: 0;

}



.todo-item {

	border: 1px dotted #778899;

	margin-bottom: 1em;

	width: 80%;

	padding: 0 0.5em 0 0.5em;

}



.todo-item-complete {

	border: 1px dotted #C5CCD3;

	margin-bottom: 1em;

	width: 80%;

	padding: 0 0.5em 0 0.5em;



}



.todo-item-complete p {

		color: #9CA9B4;

		font-size: 80%;

}



.data {

	border-collapse: collapse;

	border: 1px solid #C5CCD3;

}



.data th {

	font-weight: bold;

	border: 1px solid #C5CCD3;

	text-align: left;

	padding: 2px 5px 2px 5px

}



.data td {

	border: 1px solid #C5CCD3;

	padding: 1px 5px 1px 5px;

}

