#wfcontainer{
	 height:100%;
	 width:100%;
}
#wfwrapper{
	
}

#wfheader{
	font:normal 12px Tahoma,Verdana; /* Setting umum font pada bagian header */
	width:1000px; /* Digunakan untuk mengatur lebar header */
	height:80px; /* Digunakan untuk mengatur tinggi header */
	margin:auto; /* Sehingga tampilan header website akan berada tepat di tengah-tengah layar monitor */
	background:		url('../images/header.png');
	box-shadow: 2px 2px 6px #000;
}
#wfmenu{
	font:normal 12px Tahoma,Verdana; /* Setting umum font pada bagian header */
	width:1000px; /* Digunakan untuk mengatur lebar header */
	height:31px; /* Digunakan untuk mengatur tinggi header */
	margin:auto; /* Sehingga tampilan header website akan berada tepat di tengah-tengah layar monitor */
	/* background: #81BEF7; */
	background: #58ACFA;
	box-shadow: 2px 2px 6px #000;
}
#wfcontent{
	font:normal 12px Tahoma,Verdana; /* Setting umum font pada bagian header */
	width:1000px; /* Digunakan untuk mengatur lebar header */
	min-height:440px; /* Digunakan untuk mengatur tinggi header */
	margin:auto; /* Sehingga tampilan header website akan berada tepat di tengah-tengah layar monitor */
	background:url('../images/background.jpg');
	background-size: cover;
	overflow: auto;
	box-shadow: 2px 2px 6px #000;
}
#wfleft{
	width:80%;
	float:left;
	min-height:440px;
	/*Menambahkan background warna pada header */
}
#wfright{
	width:20%;
	float:right;
	min-height:440px;
	 /*Menambahkan background warna pada header */
}
#wffooter{
	font:normal 12px Tahoma,Verdana; /* Setting umum font pada bagian header */
	width:1000px; /* Digunakan untuk mengatur lebar header */
	height:40px; /* Digunakan untuk mengatur tinggi header */
	margin:auto; /* Sehingga tampilan header website akan berada tepat di tengah-tengah layar monitor */
	background:		url('../images/footer.png');
	overflow: auto;
	margin-bottom: 10px;
	box-shadow: 2px 2px 6px #000;
}
#message{
	color:yellow;
}
#tblDetail, #tblDetail thead, #tblDetail tbody, #tblDetail th, #tblDetail tr, #tblDetail td{
	border: 1px solid black;
	padding: 2px;
}
#tblDetail thead{
	background-color:#356EF2;
}
.ganjil{
	background-color:#6B96FA;
}
.genap{
	background-color:#98B4F5;
}
a{
	text-decoration:none;
}
span{
	color:blue;
}
form{
	border:none;
}
#body {
	margin: 10px;
	padding-top:1px;
	background-color:#9abafe;
	min-height:420px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#bodytrans {
	margin: 10px;
	padding-top:1px;
	min-height:420px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.title {
	font:normal 12px Tahoma,Verdana;
	margin: 20px;
	color: yellow;
}
.title h2{
	font:bold 16px Tahoma,Verdana;
	color: blue;
	text-shadow: 1px 1px 1px #000;
}
.text {
	font:normal 12px Tahoma,Verdana;
	margin: 20px;
	padding-bottom:10px;
}
.text li {
	font:normal 12px Tahoma,Verdana;
	margin: 15px;
}
.title hr{
	height:3px;
	border-color:yellow;
	background-color:yellow;
	border-width:0;
}
.sidetitle {
	font:normal 12px Tahoma,Verdana;
	margin: 20px;
	background-color:yellow;
	color: blue;
	margin-bottom:10px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align:center;
	box-shadow: 2px 2px 2px #000;
}
.sidetext {
	font:normal 12px Tahoma,Verdana;
	margin: 20px;
	margin-top:0px;
	margin-bottom:20px;
	text-align:center;
}
#backgroundbody{
	background-color: #fbf7c5;
}
.admin{
	text-decoration:underline;
	color:brown;
}
.auto{
	background-color:#9abafe;
	width:20%;
}
.longtextbox{
	width:500px;
}
.bigform{
	width:700px;
}
.showall {
	font:normal 12px Tahoma,Verdana;
	margin: 20px;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
	background-color:#fbf7c5;
	color: blue;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	border-radius: 15px;
	text-align:center;
	box-shadow: 2px 2px 2px #000;
	text-decoration:none;
}
.comment {
	margin: 10px;
	margin-left: 0px;
	padding:10px;
	background-color:white;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px yellow;
}