html, body {
	margin: 0;
	padding: 0;
	font-family: tahoma, arial, sans-serif;
	font-size: 10pt;
}

td {
	font-size: 10pt;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

a,
label,
a:link,
a:active,
a:visited {
	color: #f80;
	text-decoration: none;
}
label {
	cursor: pointer;
}

a:hover,
label:hover {
	color: #fa2;
}

img {
	border: 0;
}

form {
	margin: 0; 
	padding: 0;
}

textarea, input {
	border: 1px solid #ccc;
	font-family: tahoma, arial, sans-serif;
	font-size: 10pt;
	padding: 0 2px;
}

input.button {
	padding: 0 5px 0 20px;
	background-color: #ddd;
	background-position: 2px 50%;
	background-repeat: no-repeat;
}

input.button:hover {
	background-color: #eee;
}

/* HEAD */
#head {
	position: relative;
	height: 100px;
	background: 5px 5px #eee url('images/users64.png') no-repeat;
	padding-left: 75px;
}

#head h1 {
	font-size: 20pt;
}

#head h2 {
	font-size: 14pt;
}

#head #menu {
	position: absolute;
	left: 0;
	top: 75px;
	height: 25px;
}

#head #menu a,
#head #menu a:link,
#head #menu a:active,
#head #menu a:visited {
	display: block;
	float: left;
	padding: 2px 8px 2px 25px;
	margin-left: 5px;
	border: 1px solid #ccc;
	background-color: #ddd;
	background-position: 2px 50%;
	background-repeat: no-repeat;
	color: black;
}

#head #menu a:hover {
	background-color: #eee;
}

#head #menu a#show {
	background-image: url('images/list16.png');
}

#head #menu a#add {
	background-image: url('images/user16.png');
}

#head #menu a#logout {
	background-image: url('images/exit16.png');
}

/* CONTENT */

#content {
	padding: 5px;
}

#content h1 {
	font-size: 16pt;
}

input#filter {
	padding-left: 20px;
	background: 2px 50% url('images/search16.png') no-repeat;
}

/* LOGIN / LOGOUT */

#login {
	position: absolute;
	margin: 0 auto;
	top: 40%;
	left: 25%;
	width: 50%;
	height: 20%;
	padding-top: 50px;
	text-align: center;
}

input#pass {
	padding-left: 20px;
	background: 2px 50% url('images/key16.png') no-repeat;
}

input#submit {
	background-image: url('images/ok16.png');
}

input#logout {
	background-image: url('images/exit16.png');
}

input#cancel {
	background-image: url('images/undo16.png');
}

/* ERROR */

#error {
	padding-left: 60px;
	background: 6px 6px url('images/error48.png') no-repeat;
	min-height: 60px;
	border: 2px solid red;
	white-space: pre;
}

/* MSG */

#msg {
	padding-left: 60px;
	background: 6px 6px url('images/info48.png') no-repeat;
	min-height: 60px;
	border: 2px solid blue;
	white-space: pre;
}

/* Tables */

tr.head td {
	background-color: #888;
	color: white;
}

tr.odd td {
	background-color: #ddf;
}

tr.even td {
	background-color: #cce;
}