body {
	padding: 10px;
}
h1 {
	margin: 0 0 0.5em 0;
	color: #343434;
	font-weight: normal;
	font-family: 'Ultra', sans-serif;
	font-size: 36px;
	line-height: 42px;
	text-transform: uppercase;
	text-shadow: 0 2px white, 0 3px #777;
}

h2 {
	margin: 1em 0 0.3em 0;
	color: #343434;
	font-weight: normal;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Orienta', sans-serif;
}
#employees {
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 15px 25px 0 0;
	border-collapse: collapse;
	text-align: center;
	float: left;
	width: 700px;
}
#employees th {
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#employees td {
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 8px 10px;
}
#employees tbody tr:hover td {
	color: #009;
}
#filter {
	float:left;
}
  
/* The sidebar menu */
.sidenav {
	height: 100%; /* Full-height: remove this if you want "auto" height */
	width: 220px; /* Set the width of the sidebar */
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	z-index: 1; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #111; /* Black */
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	color: #f1f1f1;
}

.active {
	background-color: red; /* Black */
}

/* Style page content */
.main {
	margin-left: 220px; /* Same as the width of the sidebar */
	padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}

.header {
	margin: 0 0 0.5em 0;
	color: #343434;
	font-weight: normal;
	font-family: 'Ultra', sans-serif;
	font-size: 36px;
	line-height: 42px;
	text-transform: uppercase;
	text-shadow: 0 2px white, 0 3px #777;
	text-align: center;
}

.membername {
	text-align: right;
}

.judul {
	margin: 1em 0 0.3em 0;
	color: #343434;
	font-weight: normal;
	font-size: 30px;
	line-height: 40px;
	font-family: 'Orienta', sans-serif;
	text-align: center;
}

.subjudul {
	margin: 1em 0 0.3em 0;
	color: #343434;
	font-weight: normal;
	font-size: 20px;
	line-height: 40px;
	font-family: 'Orienta', sans-serif;
	text-align: center;
}

.isi {
	margin: 1em 0 0.3em 0;
	text-align: center;
}

.errorMessage {
	color: red;
}

textarea {
  resize: none;
}