@font-face {
  font-family: 'Original Surfer';
  font-style: normal;
  font-weight: 400;
  src: local('Original Surfer'), local('OriginalSurfer-Regular'), url(../font/gdHw6HpSIN4D6Xt7pi1-qKdZ-uyMVouHrkdj1hRNutY.woff) format('woff');
}
@font-face {
  font-family: 'Simonetta';
  font-style: normal;
  font-weight: 400;
  src: local('Simonetta'), local('Simonetta-Regular'), url(../font/pP-YCzhElv5jnwzoOUSUyj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'PT Sans Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Caption'), local('PTSans-Caption'), url(../font/OXYTDOzBcXU8MTNBvBHeSQRW432DtwGNER78eOJ0i0s.woff) format('woff');
}
a{
	text-decoration:none;
}
	body{
		
		margin:0px;
		padding:0px;
	}
	#rootheader{
		
	}
		#headerbox{
			min-width:900px;
			height:100px;
			background:#2A9FFF;
		}
		#formCari{
			font-size:12px;
			/*font-family:Simonetta;
			*/
			font-family:'Verdana';
		}
	#formCari form div{
		margin-left:5px;
	}
	#formCari form div:nth-child(1),
	#formCari form div:nth-child(3),
	#formCari form div:nth-child(5),
	#formCari form div:nth-child(10),
	#formCari form div:nth-child(12),
	#formCari form div:nth-child(14){
		margin-bottom:5px;
	}
	#formCari form div select{
		border:1px solid #049BD4;
		padding:5px;
		margin-bottom:15px;
	}
	#formCari form div select:focus,#formCari form div input[type='text']:focus{
		box-shadow:inset 0px 0px 5px #88BEFF;
	}
	#formCari form div input[type='text']{
		border:1px solid #0592C7;
		padding:5px;
		margin-bottom:15px;
	}
	
	#formCari form div input{
		padding:5px;
	}
	#formCariAgama{
	font-size:15px;
	font-family:Simonetta;
}
	#formCariAgama form div{
		padding:2px;
		margin-left:5px;
	}
	.kodeKelas{
		width:60px;
		text-align:right;
	}
	.kodeMkul{
		width:80px;
		text-align:right;
	}
	#checkMkul{
		font-size:15px;
		color:#fff;
	}
	#judulBanner{
		font-size:16px;
		margin-top:5px;
		/*font-family: 'Simonetta';
		*/
		font-family:'Verdana';
		color:#FFF;
		font-weight:bold;
		letter-spacing:2px;
	}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	box-shadow:inset 0px 1px 0px 0px #ee97fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #da3df6), color-stop(1, #b51ed0) );
	background:-moz-linear-gradient( center top, #da3df6 5%, #b51ed0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3df6', endColorstr='#b51ed0');
	background-color:#da3df6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d133ed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	width:120px;
	height:30px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b115cd;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b51ed0), color-stop(1, #da3df6) );
	background:-moz-linear-gradient( center top, #b51ed0 5%, #da3df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b51ed0', endColorstr='#da3df6');
	background-color:#b51ed0;
	cursor:pointer;
}.button:active {
	position:relative;
	top:1px;
}
			.subheader{
				height:100px;
				width:900px;
				margin:0px auto;
				position:relative;
			}
				.subheader #judulbesar{
					color:#55BFFF;
					font-size:50px;
					position:absolute;
					left:5px;
					top:20px;
					font-family:'Original Surfer';
					text-shadow:1px 1px 1px #2A3FFF;
				}
				.subheader #judulkecil{
					font-size:40px;
					position:absolute;
					right:70px;
					bottom:-270px;
					color:#55BFFF;
					text-shadow:1px 1px 1px #2A3FFF;
					font-family:'Original Surfer';
					text-align:center;
				}
				.people{
					background:url('../images/people.png');
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/people.png' ,sizingMethod='crop');
					width:470px;
					height:364px;
					position:absolute;
					bottom:-330px;
				}
				#headerdosen,#namadosen,#kodedosen,#tahunakademik{
					/*font-family: 'Simonetta';
					*/
					font-family:'Verdana';
					font-size:13px;
					color:#fff;
				}	
			.subheader2{
				background:url('../images/headerbottom.png');
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/headerbottom.png' ,sizingMethod='crop');
				width:900px;
				height:80px;
				position:absolute;
				bottom:-70px;	
			}
			.logo{
				width:80px;
				height:86px;
				position:absolute;
				right:10px;
				top:5px;
				background:url('../images/logo.png');
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo.png' ,sizingMethod='crop'); 
			}
			#loginbox{
				background:#64B9FF;
				width:190px;
				
				padding:10px;
				position:relative;
				z-index:1000;
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
			#box-model{
				background:rgba(255,255,255,0.8);
				position:fixed;
				top:0px;
				left:0px;
				z-index:1000;
				width:100%;
				height:100%;
			}
			#listMkul{
				background:#64B9FF;
				width:200px;
				padding:5px;
				position:relative;
				z-index:1000;
				margin-top:8px;
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
			#listBrowser{
				background:#999;
				width:200px;
				padding:5px;
				position:relative;
				z-index:10000;
				margin-top:8px;
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
				#listBrowser #judulBanner{
					font-size:11px;
					font-weight:none;
					font-family:Verdana, Geneva, sans-serif;
				}
				#listlink a{
					display:inline-block;
					padding:5px;
					width:180px;
					text-decoration:none;
					color:#C30;
					text-align:center;
					background:#F60;
					margin:3px;
				}
					#listlink a:hover{
						color:#F90;
						font-weight:bold;
					}
				.listMKS{
					width:200px;
				}
				.borderhsl{
					border:2px solid #2AFF00;
					margin:5px;
					text-align:center;
					background:#2AFF55;
				}
			#kelasagama{
				background:#64B9FF;
				width:200px;
				padding:5px;
				position:relative;
				z-index:1000;
				margin-top:8px;
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
			#listMkulSearch{
				background:#999;
				width:200px;
				padding:5px;
				position:relative;
				z-index:10000;
				margin-top:8px;
				border-radius:5px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
			}
				#headerloginbox{
					font-size:20px;
					/*font-family:'Simonetta';
					*/
					font-family:Verdana;
					text-align:center;
					color:#D8F7FC;
					margin-bottom:0px;
					text-shadow:1px 1px 1px #2A3FFF;
				}
				.labellogin{
					font-size:15px;
					/*font-family:'Original Surfer';
					*/font-family:'Verdana';
					color:#D8F7FC;
					text-shadow:1px 1px 1px #2A3FFF;
					padding-top:4px;
					padding-left:2px;
					margin-bottom:3px;
				}
				.inputlogin input{
					width:175px;
					padding:5px;
				}
				.tmblogin{
					width:110px;
					padding:10px;
					background:#FF7F00;
					margin:20px 5px 5px 8px;
					bottom:10px;
					left:17px;
					border-radius:10px;
					border:1px solid #551FFF;
					cursor:pointer;
					
					-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
					-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
					box-shadow:inset 0px 1px 0px 0px #fff6af;
					background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
					background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
					background-color:#ffec64;
					-moz-border-radius:6px;
					-webkit-border-radius:6px;
					border-radius:6px;
					border:1px solid #ffaa22;
					display:inline-block;
					color:#676a6b;
					font-family:arial;
					font-size:15px;
					font-weight:bold;
					padding:6px 24px;
					text-decoration:none;
					text-shadow:1px 1px 0px #ffee66;

				}
				.tmblogin:hover {
					background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
					background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
					background-color:#ffab23;
				}
				
				.totalaktif{
					font-size:20px;
					font-family:'Simonetta';
					color:#55BFFF;
					margin-bottom:0px;
					font-weight:bold;
					position:absolute;
					top:375px;
					left:130px;
					width:300px;
				}
					.ttl1{
						font-size:40px;
						float:left;
						margin-right:10px;
						font-weight:bold;
						color:#FF7F00;
					}
					.ttl2{
						width:230px;
						font-size:20px;
					}
		#contentbox{
			width:900px;
			margin:10px auto;
			background:#ECFFFF;
			border-radius:7px;
			-webkit-border-radius:7px;
			-moz-border-radius:7px;
			margin-bottom:10px;
			padding:10px;
			position:relative;
		}
		#sideRight{
				padding:5px;
				float:left;
				width:660px;
				/**margin-left:215px;**/
				margin-left:10px;
			}
		.boxRoster{
			font-family: 'PT Sans Caption';
			font-size:14px;
			background:#B7E4FB;
			margin-bottom:4px;
			padding:3px;
		}
		
		#footerbox{
			font-family:'Verdana';
			width:900px;
			margin:0px auto;
			background:#FF7F00;
			padding:10px;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			text-align:center;
		}
			.footbox{
				text-align:center;
				margin:0px auto;
			}
			.foot1{
				color:#FFFBF0;
				width:64px;
				height:23px;
				float:left;
				background:url('../images/glasses.png') no-repeat;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/glasses.png' ,sizingMethod='crop'); 
			}
			.foot2{
				font-weight:bold;
				color:#fff;
				font-size:16px;
				width:200px;
				margin:0px auto;
			}
			.foot3{
				color:#fff;
				font-size:14px;
			}
				.foot3 a{
					text-decoration:none;
					color:#C30;
				}
				.foot3 a:hover{
					color:#F30;
					text-decoration:underline;
				}
			.gambarheader{
				width:680px;
				height:200px;
				background:url('../images/header.jpg');
			}
			#pesansudah{
				text-align:center;
				background:#2A9FFF;
				width:450px;
				font-family:'Simonetta';
				margin:0px auto;
				font-weight:bold;
				color:#fff;
				padding:5px;
				border-radius:10px;
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
			}
			.pesan{
				text-align:center;
				background:#F35C61;
				/*font-family:'Simonetta';
				*/
				font-family:'Verdana';
				margin:0px auto;
				color:#fff;
				font-size:13px;
				padding:5px;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border:1px solid #F00;
			}
			.pesandosen{
				position:relative;
				text-align:center;
				background:#FFAD33;
				font-family:'Simonetta';
				margin:0px auto 15px;
				color:#fff;
				font-size:15px;
				padding:5px;
				border-radius:10px;
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				border:1px solid #F60;
			}
			.pesanCurrent{
				background:#FFBA52;
				font-size:13px;
				text-align:center;
				color:#252525;
				/*font-family:'Simonetta';
				*/
				font-family:'Verdana';
				margin:0px auto;
				width:670px;
				padding-top:5px;
				padding-bottom:5px;
				
			}
			.pesanCurrent b{
				font-size:13px;
			}
			
			.pesantotal{
				text-align:center;
				color:#252525;
				/*font-family:'Simonetta';
				*/
				font-family:'Verdana';
				font-size:13px;
				margin:0px auto;
				width:670px;
				padding-top:5px;
				padding-bottom:5px;
				background:#BDFF87;
				border-bottom:1px solid #090;
			}
			.pesantotal b{
				/*font-size:19px;*/
				font-size:14px;
			}
.sudahCheckin{
	border:1px solid #009F00;
	color:#009F00;
	font-size:12px;
	padding:5px;
	font-weight:bold;
	text-align:center;
}
.belumCheckin{
	border:1px solid #F00;
	color:#F00;
	font-size:12px;
	padding:5px;
	font-weight:bold;
	text-align:center;
}
#headerhr{
	position:absolute;
	width:1000px;
	top:430px;
}
.imagemember{
	margin:0px auto;
	width:70px;
	height:70px;
	background:red;
	background:url('../images/member.png') no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/member.png' ,sizingMethod='crop'); 
}
.loguser{
	font-size:14px;
	font-family:'Simonetta';
	color:#55BFFF;
	margin-bottom:0px;
	font-weight:bold;
}
.logoutadmin{
	display:block;
	width:80px;
	padding:15px;
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#8a0000;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}

.logout{
	display:block;
	margin:20px 5px 5px 20px;
	bottom:5px;
	left:30px;
	width:100px;
	padding:15px;
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#8a0000;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}
.logout:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
/*Style Add ons*/
hr.style {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(42,127,255,0), rgba(42,127,255,0.35), rgba(42,127,255,0)); 
    background-image: -moz-linear-gradient(left, rgba(42,127,255,0), rgba(42,127,255,0.35), rgba(42,127,255,0));
    background-image: -ms-linear-gradient(left, rgba(42,127,255,0), rgba(42,127,255,0.35), rgba(42,127,255,0));
    background-image: -o-linear-gradient(left, rgba(42,127,255,0), rgba(42,127,255,0.35), rgba(42,127,255,0));
}


.judul1{
		color:#585756;
		font-size:16px;
		font-weight:bold;
		text-decoration:underline;
	}
	.judul2,.petunjuk2{
		color:#585756;
		font-size:15px;
		font-weight:bold;
	}
	.rootjudul2{
		background: #a7c7dc; /* Old browsers */
		background: -moz-linear-gradient(top, #a7c7dc 0%, #85b2d3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c7dc), color-stop(100%,#85b2d3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); /* IE10+ */
		background: linear-gradient(to bottom, #a7c7dc 0%,#85b2d3 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */
		border-radius:10px;
	}
		.judul2{
			color:#fff;
			padding:10px 10px 0px 10px;
		}
		.petunjuk2{
			color:#fff;
			padding:0px 10px 10px 10px;
			margin-bottom:10px;
		}
	.nomorpert{
		float:left;
		margin-left:20px;
	}
	.pertanyaan1{
		font-size:13px;
		margin-left:50px;
		text-align:justify;
		font-family:PT Sans Caption;
	}
		.indukjawaban{
			margin-left:80px;
			margin-bottom:10px;
			margin-top:5px;
			font-family:PT Sans Caption;
			font-size:13px;
		}
		.optionquest{
			padding:10px;
			text-align:justify;
			font-family:PT Sans Caption;
			font-size:13px;
			text-indent:30px;
		}
.infoket{
	width:14px;
	height:14px;
	vertical-align:middle;
}
.prosespertanyaan {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:25px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
	cursor:pointer;
	margin-left:800px;
}
.prosespertanyaan:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}

	#formadmin{
		background:#A7F5F3;
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
		padding:10px;
		width:200px;
		margin:0px auto;
	}

	#juduladmin{
		font-family:'Original Surfer';
		font-size:20px;
		color:#00BFFF;
		text-shadow:1px 1px 1px #808080;
	}
	.useradmin,.userpass{
		font-size:18px;
		font-family:'Original Surfer';
		color:#fff;
		text-shadow:1px 1px 1px #808080;
		letter-spacing:5px;
	}
	.inputuser input,.inputpass input{
		padding:5px;
	}
.loginadmin{
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #86ae47;
	margin-top:10px;
}.loginadmin:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}
.PValid {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}.PValid:hover {
	cursor:pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.PValid:active {
	position:relative;
	top:1px;
}
.ketMhs{
	padding:5px;
}

#pertemuanshow{
	float:left;
	margin-left:20px;
	background:#F9F;
	padding:5px;
	border-radius:11px;
	margin-bottom:10px;
	color:#fff;
	width:270px;
	font-size:20px;
	text-align:center;
}
.pertemuanvalue{
	font-size:43px;
	color:#03F;
}
#boxmateri{
	background:red;
}
		#menuKategori{
			float:left;
			width:310px;
			background:#77d42a;
			padding:5px 10px 5px 10px;
			border-radius:11px;
			margin-bottom:10px;
			color:#fff;
			margin-left:20px;
		}
		#materibox{
			width:660px;
			margin-bottom:10px;
		}
			#materibox .jdlmateri{
				font-weight:bold;
				font-family:'Verdana';
				font-size:14px;
			}
			#materibox tr td input{
				width:650px;
				padding:5px;
				/*margin-left:10px;*/
			}
				#materibox tr td textarea:focus{
					outline:1px solid #09C;
				}
			#menuKategori label{
				width:310px;
				display:block;
				font-size:15px;
			}
			#tblAbsensi{
				margin:0px auto;
				width:670px;
			}
			#tblAbsensi tr td{
				padding:10px;
				font-size:13px;
			}
			#tblAbsensi thead tr{
				font-weight:bold;
				text-align:center;
			}
			#tblAbsensi tbody tr:nth-child(even){
				background:#BDDBFB;
			}
			#tblAbsensi thead tr td{
				/*background:#77d42a;*/
				background:#BDFF87;
			}
			.hiddenInput{
				display:none;
			}
a #dataupload{
	-moz-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	box-shadow:inset 0px 1px 0px 0px #ee97fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #da3df6), color-stop(1, #b51ed0) );
	background:-moz-linear-gradient( center top, #da3df6 5%, #b51ed0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3df6', endColorstr='#b51ed0');
	background-color:#da3df6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d133ed;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin:8px 3px 3px 3px;
	padding:5px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #b115cd;
	cursor:pointer;
}
a #dataupload:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b51ed0), color-stop(1, #da3df6) );
	background:-moz-linear-gradient( center top, #b51ed0 5%, #da3df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b51ed0', endColorstr='#da3df6');
	background-color:#b51ed0;
}
/**DATA UPLOAD**/
.judulbesar{
		background:#09C;
		padding:5px 5px 5px 5px;
		background:#2a9fff;
		margin-bottom:15px;
		padding-left:15px;
		color:#fff;
		font-size:15px;
		font-family:'Original Surfer';
		position:relative;
		text-shadow:0.5px 0.5px 0.5px #2A3FFF;
	}
		.boxshowdata{
			background:#8CE2FF;
			border:1px solid #15C5FF;
			padding:5px;
			border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
			font-size:10px;
			font-family:Verdana, Geneva, sans-serif;;
			position:relative;
			margin-bottom:10px;
		}
		.boxshowdata:hover{
			background:#09C;
			border:1px solid #09c;
		}
		.boxshowdata .sideshowdata{
			float:left;
		}
		
		.boxshowdata span{
			margin-right:10px;
		}
		#tampildatadisini{
			background:#E5E5E5;
			position:absolute;
			top:0px;
			left:0px;
			z-index:10000;
			height:100%;
			width:100%;
		}
		#tampildata{
			cursor:pointer;
			margin-left:30px;
			background:#F90;
			padding:5px;
			position:absolute;
			top:0px;
			right:-10px;
			font-weight:bold;
			color:#FFFCFC;
			border-radius:0px 5px 5px 0px;
		}
		.boxshowdata .hidedataupload{
			cursor:pointer;
			margin-left:0px;
			background:#FF0000;
			padding:5px;
			position:absolute;
			top:0px;
			right:45px;
			font-weight:bold;
			color:#FFFFFF;
		}
			.hidedataupload:hover{
				color:#5C0002;
			}
			
		.boxshowdata .hidedataupload2{
			cursor:pointer;
			margin-left:0px;
			background:#00E319;
			padding:5px;
			position:absolute;
			top:0px;
			right:77px;
			font-weight:bold;
			color:#FFFFFF;
		}
			.hidedataupload2:hover{
				color:#5C0002;
			}
			#tampildata:hover{
				color:#DF6100;
			}
			
		.listhidemenu{
			font-family:verdana;
			font-size:10px;
			position:absolute;
			top:35px;
			right:0px;
			color:#fff;
			background:#F90;
			padding:5px;
			cursor:pointer;
			text-shadow:none;
			font-weight:600;
		}
		.listhidemenu:hover{
			color:#DF6100;
		}

#headershowupload{
	position:relative;
	background:#F90;
	padding:10px;
	color:#A84300;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}
	.dataheader p{
		float:left;
		margin-right:20px;
		font-weight:bold;
	}
	#headershowupload #tutupshowupload{
		position:absolute;
		right:0px;
		top:0px;
		background:#F03;
		color:#FFF;
		font-weight:bold;
		padding:10px 0px 10px 0px;
		cursor:pointer;
		width:80px;
		text-align:center;
	}
	#headershowupload #boxdlap{
		position:absolute;
		right:85px;
		width:270px;
		top:0px;
	}
		#headershowupload #boxdlap #downloadlaporanexcel{
			background:url('../images/xlsicon.png') no-repeat, #090;
			color:#FFF;
			font-size:11px;
			padding:4px 0px 5px 35px;
			cursor:pointer;
			width:130px;
			text-align:center;
			border:none;
			margin:0px;
			float:left;
		}
		#headershowupload #boxdlap #downloadlaporanexcel:hover{
			color:#030;
		}
		#headershowupload #boxdlap #downloadlaporan{
			/*background:url('../images/download.png') no-repeat, #09C;*/
			background:url('../images/pdficon.png') no-repeat, #09C;
			color:#FFF;
			font-size:11px;
			padding:4px 0px 5px 30px;
			cursor:pointer;
			width:120px;
			text-align:center;
			border:none;
			margin:0px 10px 0px 0px;
			float:left;
		}
		#headershowupload #tutupshowupload:hover{
			color:#9D0D17;
		}
		#headershowupload #boxdlap #downloadlaporan:hover{
			color:#030;
		}
	#tampildatadisini{
		background:#E5E5E5;
		position:absolute;
		top:0px;
		left:0px;
		z-index:10000;
		height:100%;
		width:100%;
	}
	#isidataupload{
		margin-top:10px;
		overflow:hidden;
	}
	#tblabsensimhs{
		width:890px;
		margin:0px auto;
		border-collapse:collapse;
	}
	#tblabsensimhs thead tr{
		background:#09F;
	}
	#tblabsensimhs thead tr th{
		padding-top:5px;
		padding-bottom:5px;
	}
	#tblabsensimhs tbody tr:nth-child(odd){
		background:#B5CAF0;
	}
		#tblabsensimhs tbody tr:hover{
			background:#FFFF8C;
		}
		#tblabsensimhs tr td,#tblabsensimhs tr th{
			font-size:11px;
			text-align:center;
			font-family:Verdana, Geneva, sans-serif;
		}
	.hadirstyle{
		font-weight:bold;
		color:#0C3;
	}
	.tdkhadirstyle{
		font-weight:bold;
		color:#F03;
	}
	.sakitstyle{
		font-weight:bold;
		color:#03F;
	}
	.izinstyle{
		font-weight:bold;
		color:#909;
	}
	.telatstyle{
		font-weight:bold;
		color:#F90;
	}
	.defaultstyle{
		font-weight:bold;
		color:#000;
	}
	.tanpakartustyle{
		font-weight:bold;
		color:#699;
	}
	.titipkartustyle{
		font-weight:bold;
		color:#C6F;
	}
	.boxKeteranganHadir{
		color:#FFF;
		background:#EBEBEB;
		margin-top:0px;
		padding:5px;
		display:inline-block;
		border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
		font-size:11px;
		width:825px;
	}
		.boxKeteranganHadir span{
			padding-left:10px;
		}
	.boxMateri{
		background:#CCF;
		margin:15px;
		padding:5px;
		border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
		border:1px solid #C4C4FF;
	}
	.waitinglist{
		width:16px;height:11px;
		margin-top:8px;
		background:url('../images/waitinglist.gif') no-repeat;
		float:left;
		padding-bottom:20px;
	}
	#waitingkelas{
		padding:0px 0px 0px 0px;margin:0px 0px 0px 20px;
	}
	.pesandatagagal{
		background:#FF4040;
		color:#fff;
		text-align:center;
		margin-top:-10px;
		margin-bottom:10px;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
		border:1px solid #F00;
		position:relative;
	}
	.pesandataberhasil{
		background:#6C3;
		color:#fff;
		margin-top:-10px;
		margin-bottom:10px;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
		border:1px solid #090;
		position:relative;
	}
	.waitingkelas{
		width:24px;height:24px;
		background:url('../images/waitingkelas.gif');
	}
	.tglValDosen,.tglValFO{
		font-size:12px;
		font-weight:bold;
		color:#C00;
		
	}
	.tglValFOk{
		color:#F00;
		font-size:12px;
		font-weight:bold;
		
	}
	a .otopengganti{
		position:relative;
		cursor:pointer;
		margin:3px 3px 3px 3px;
		padding:5px 8px 5px 8px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
		text-decoration:none;
		color:#ffffff;
		text-shadow:1px 1px 0px #2c7813;
		text-indent:0;
		letter-spacing:0;
		
		border-top:1px solid #27910d;
		border-left:1px solid #27910d;
		border-right:1px solid #27910d;
		border-bottom:1px solid #27910d;
		
		-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
		-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
		box-shadow:inset 0px 1px 0px 0px #cae3fc;
		
		background: #39f73f; 
		background-image: -moz-linear-gradient(top, #39f73f 0%, #40a306 100);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39f73f), color-stop(100%,#40a306)); 
		background-image: -webkit-linear-gradient(top, #39f73f 0%,#40a306 100%); 
		background-image: -o-linear-gradient(top, #39f73f 0%,#40a306 100%); 
		background-image: -ms-linear-gradient(top, #39f73f 0%,#40a306 100%); 
		background-image: linear-gradient(to bottom, #39f73f 0%,#40a306 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39f73f', endColorstr='#40a306',GradientType=0 );
		
		text-align:center;
	}
	
	a .otopengganti:hover{
		background: #39f73f; 
		background-image: -moz-linear-gradient(top, #40a306 0%, #39f73f 100);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39f73f), color-stop(100%,#40a306)); 
		background-image: -webkit-linear-gradient(top, #40a306 0%,#39f73f 100%); 
		background-image: -o-linear-gradient(top, #40a306 0%,#39f73f 100%); 
		background-image: -ms-linear-gradient(top, #40a306 0%,#39f73f 100%); 
		background-image: linear-gradient(to bottom, #40a306 0%,#39f73f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40a306', endColorstr='#39f73f',GradientType=0 );
	}
	a .permintaanganti{
		position:relative;
		cursor:pointer;
		margin:3px 3px 3px 3px;
		padding:5px 8px 5px 8px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
		text-decoration:none;
		color:#ffffff;
		text-shadow:1px 1px 0px #ed5f00;
		text-indent:0;
		letter-spacing:0;
		
		border-top:1px solid #ff8921;
		border-left:1px solid #ff8921;
		border-right:1px solid #ff8921;
		border-bottom:1px solid #ff8921;
		
		-moz-box-shadow:inset 0px 1px 0px 0px #ffdfd4;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffdfd4;
		box-shadow:inset 0px 1px 0px 0px #ffdfd4;
		
		background: #fa9600; 
		background-image: -moz-linear-gradient(top, #fa9600 0%, #f71111 100);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9600), color-stop(100%,#f71111)); 
		background-image: -webkit-linear-gradient(top, #fa9600 0%,#f71111 100%); 
		background-image: -o-linear-gradient(top, #fa9600 0%,#f71111 100%); 
		background-image: -ms-linear-gradient(top, #fa9600 0%,#f71111 100%); 
		background-image: linear-gradient(to bottom, #fa9600 0%,#f71111 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9600', endColorstr='#f71111',GradientType=0 );
		
		text-align:center;
	}
	a .permintaanganti:hover{
		background: #fa9600; 
		background-image: -moz-linear-gradient(top, #f71111 0%, #fa9600 100);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9600), color-stop(100%,#f71111)); 
		background-image: -webkit-linear-gradient(top, #f71111 0%,#fa9600 100%); 
		background-image: -o-linear-gradient(top, #f71111 0%,#fa9600 100%); 
		background-image: -ms-linear-gradient(top, #f71111 0%,#fa9600 100%); 
		background-image: linear-gradient(to bottom, #f71111 0%,#fa9600 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f71111', endColorstr='#fa9600',GradientType=0 );
	}
	.form_pengganti_dosen{
		background:#E2FF71;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
		padding:5px;
	}
		.form_pengganti_dosen div{
			padding-top:3px;
			padding-bottom:8px;
			margin-left:10px;
			font-size:15px;
		}
		.form_pengganti_dosen .jdlpengganti{
			font-weight:bold;
			font-size:16px;
			font-family:'Simonetta';
		}
		.form_pengganti_dosen .selectpengganti{
			padding-left:15px;
		}
		.form_pengganti_dosen .submitpengganti input{
			cursor:pointer;
			padding-top:10px;
			padding-bottom:10px;
			padding-right:30px;
			padding-left:30px;
			
			font-family:Arial;
			font-size:15px;
			font-weight:bold;
			font-style:normal;
			text-decoration:none;
			color:#ffffff;
			text-shadow:1px 1px 0px #06F;
			text-indent:0;
			letter-spacing:2px;
			
			border-top:1px solid #469df5;
			border-left:1px solid #469df5;
			border-right:1px solid #469df5;
			border-bottom:1px solid #469df5;
			
			display:inline-block;
			
			-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
			-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
			box-shadow:inset 0px 1px 0px 0px #cae3fc;
			
			background: #61c8ff; 
			background-image: -moz-linear-gradient(top, #61c8ff 0%, #09aab5 100);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c8ff), color-stop(100%,#09aab5)); 
			background-image: -webkit-linear-gradient(top, #61c8ff 0%,#09aab5 100%); 
			background-image: -o-linear-gradient(top, #61c8ff 0%,#09aab5 100%); 
			background-image: -ms-linear-gradient(top, #61c8ff 0%,#09aab5 100%); 
			background-image: linear-gradient(to bottom, #61c8ff 0%,#09aab5 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c8ff', endColorstr='#09aab5',GradientType=0 );
			
			-webkit-border-bottom-left-radius:10px;
			-moz-border-radius-bottomleft:10px;
			border-bottom-left-radius:10px;
			
			-webkit-border-top-right-radius:10px;
			-moz-border-radius-topright:10px;
			border-top-right-radius:10px;
			
			-webkit-border-top-left-radius:10px;
			-moz-border-radius-topleft:10px;
			border-top-left-radius:10px;
			
			-webkit-border-bottom-right-radius:10px;
			-moz-border-radius-bottomright:10px;
			border-bottom-right-radius:10px;
			
			text-align:center;
		}
		
		.form_pengganti_dosen .submitpengganti input:hover{
			background: #61c8ff; 
			background-image: -moz-linear-gradient(top, #09aab5 0%, #61c8ff 100);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61c8ff), color-stop(100%,#09aab5)); 
			background-image: -webkit-linear-gradient(top, #09aab5 0%,#61c8ff 100%); 
			background-image: -o-linear-gradient(top, #09aab5 0%,#61c8ff 100%); 
			background-image: -ms-linear-gradient(top, #09aab5 0%,#61c8ff 100%); 
			background-image: linear-gradient(to bottom, #09aab5 0%,#61c8ff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09aab5', endColorstr='#61c8ff',GradientType=0 );
		}
		.form_pengganti_dosen hr{
			padding:0px;
			margin:0px;
			border:1px solid #CF0;
		}
		.closediv{
			position:absolute;
			top:3px; right:8px;
			font-family:Verdana, Geneva, sans-serif;
			font-weight:bold;
			font-size:14px;
			cursor:pointer;
		}
		.closediv:hover{
			color:#C00;
		}
		#datapengganti{
			background:#95FFEA;
			padding:15px;
			margin-top:10px;
			border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
			border:1px solid #0FC;
			color:#09C;
			position:relative;
		}
		#datapengganti .jdlpengganti{
			font-size:15px;
			font-weight:bold;
			text-decoration:underline;
		}
		.boxlistganti{
			background:#5975E1;
			padding:5px 5px 5px 10px;
			margin:25px 5px 5px 5px;
			border:1px dotted #03F;
			position:relative;
			border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
		}
		.boxlistganti span{
			font-size:12px;
			color:#03F;
			color:#fff;
			padding:5px;
			font-family:verdana;
		}
		.boxlistganti .nomorganti{
			color:#fff;
			position:absolute;
			left:2px;
			top:2px;
			font-weight:bold;
			font-size:11px;
		}
		.datalistkosong{
			color:#F00;
			background:#FF8080;
			border:1px solid #C00;
			text-align:center;
			padding:5px;
			margin-top:15px;
			border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
		}
		.hapuslist{
			position:absolute;
			top:-13px;
			right:10px;
			background:#F00;
			padding:0px 5px 0px 5px;
			font-size:11px;
			color:#fff;
			border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px;-webkit-border-radius:3px 3px 0px 0px;
		}
		.hapuslist:hover{
			text-decoration:underline;
		}
		#showlist{
			position:absolute;
			right:20px;
			top:14px;
			font-size:12px;
			border-radius:5px;
			font-family:Arial;
			color:#fff;
			background:#000099;
			cursor:pointer;
			padding:2px 15px 2px 15px;
		}
		#showlist:hover{
			background:#00C;
		}
		.newMenu{
			width:16px;
			height:16px;
			background:url('../images/newmenu.png');
			position:absolute;
			top:-5px;
			left:-2px;
		}
			.boxListGanti{
				background:#8AB9FF;
				color:#246595;
				font-family:"Courier New", Courier, monospace;
				padding:5px;
				font-size:13px;
				border:1px solid #06F;
				border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
				margin-bottom:5px;
			}
			.boxListGantisudah{
				background:#62FF62;
				color:#060;
				font-family:"Courier New", Courier, monospace;
				padding:5px;
				font-size:13px;
				border:1px solid #090;
				border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
				margin-bottom:5px;
			}
			.prosespermintaan{
				cursor:pointer;
				padding:5px;
				margin:5px;	
				font-family:Arial;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				color:#ffffff;
				text-shadow:1px 1px 0px #C60;
				text-indent:0;
				letter-spacing:0;
				
				border-top:1px solid #d1a90b;
				border-left:1px solid #d1a90b;
				border-right:1px solid #d1a90b;
				border-bottom:1px solid #d1a90b;
				
				display:inline-block;
				
				-moz-box-shadow:inset 0px 1px 0px 0px #f7ff03;
				-webkit-box-shadow:inset 0px 1px 0px 0px #f7ff03;
				box-shadow:inset 0px 1px 0px 0px #f7ff03;
				
				background: #e6c909; 
				background-image: -moz-linear-gradient(top, #e6c909 0%, #d67907 100);
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6c909), color-stop(100%,#d67907)); 
				background-image: -webkit-linear-gradient(top, #e6c909 0%,#d67907 100%); 
				background-image: -o-linear-gradient(top, #e6c909 0%,#d67907 100%); 
				background-image: -ms-linear-gradient(top, #e6c909 0%,#d67907 100%); 
				background-image: linear-gradient(to bottom, #e6c909 0%,#d67907 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c909', endColorstr='#d67907',GradientType=0 );
				border-radius:5px;-web-border-radius:5px;-moz-border-radius:5px;
				text-align:center;
			}
			.prosespermintaan:hover{
				background: #e6c909; 
				background-image: -moz-linear-gradient(top, #d67907 0%, #e6c909 100);
				background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6c909), color-stop(100%,#d67907)); 
				background-image: -webkit-linear-gradient(top, #d67907 0%,#e6c909 100%); 
				background-image: -o-linear-gradient(top, #d67907 0%,#e6c909 100%); 
				background-image: -ms-linear-gradient(top, #d67907 0%,#e6c909 100%); 
				background-image: linear-gradient(to bottom, #d67907 0%,#e6c909 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d67907', endColorstr='#e6c909',GradientType=0 );
			}
		.boxSearchGanti{
			background:#8AB9FF;
			color:#246595;
			font-family:"Courier New", Courier, monospace;
			padding:5px;
			font-size:15px;
			border:1px solid #06F;
			border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
			margin-bottom:5px;
			text-align:center;
		}
			.boxSearchGanti div{
				padding-top:5px;
			}
		.boxdosenganti{
			background:#ff9900;
			width:620px;
			border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
			color:#fff;
			text-align:center;
			padding:5px;
			margin-left:20px;
			margin-right:auto;
			margin-bottom:10px;
		}
		#tblroster{
			margin-left:auto;
			margin-right:auto;
			border-collapse:collapse;
		}
			#tblroster thead tr td{
				border:1px solid #C00;
				padding:2px 5px 2px 5px;
				background:#C60;
				color:#fff;
				font-size:12px;
			}
			#tblroster tbody tr td{
				padding:2px 5px 2px 5px;
				border:1px solid #C30;
				font-size:12px;
			}
			#tblroster tbody tr:nth-child(even){
				background:#F90;
			}
			#tblroster tbody tr:nth-child(odd){
				background:#CC0;
			}
			.center{
				text-align:center;
			}
			.bold{
				font-weight:bold;
			}
			.ubhpertemuan{
				font-size:12px;
				margin:0px !important;
				color:#fff;
				padding:2px;
				background:#FF4242;
				display:block;
				border:1px solid #F00;
				border-radius:5px;
			}
			#leftPert{
				display:inline-block;
				width:50px;
				height:50px;
				background:url("../images/left.png");
				background-repeat:no-repeat;
				background-size:50px 50px;
				cursor:pointer;
			}
			#rightPert{
				display:inline-block;
				width:50px;
				height:50px;
				background:url("../images/right.png");
				background-repeat:no-repeat;
				background-size:50px 50px;
				cursor:pointer;
			}
			#angkapertemuan{
				display:inline-block;
				position:relative;
				top:-11px;
			}
		#logversionnews{
			position:relative;
			background:#B5EC7E;
			padding:5px;
			height:16px;
			overflow:hidden;
			font-size:14px;
			border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
		}
			#logversionnews span{
				font-size:13px;
				font-weight:bold;
				font-family:'Verdana';
			}
			#logversionnews div ul{
				margin:5px 0px 0px 0px;
				padding-bottom:5px;
				font-family:'Verdana';
			}
				#logversionnews div ul li{
					list-style:square;
					padding-top:5px;
				}
.dosensudah{
	font-weight:bold;
	color:#363;
}
.dosenbelum{
	font-weight:bold;
	color:#C00;
}
#settglagama{
	padding:5px;
}
#settgl,#settglagama{
	width:80px;
}
.tblsetdate,.tblsetdateagama{
	color:#fff;
	padding:5px;
	margin-left:5px;
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
	font-size:11px;
	cursor:help;
	font-family:Verdana;
}
.tblfreeze{
	width:890px;
	border-collapse:collapse;
	font-size:11px;
	margin-left:6px;
	margin-top:-10px;
}
	.tblfreeze thead tr{
		background:#09F;
	}
	.tblfreeze thead tr th{
		padding-top:5px;
		padding-bottom:5px;
		font-family:Verdana;
	}
.changekey{
	cursor:pointer;
	display:block;
}
#boxmodal{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	position:fixed;
	top:0px;left:0px;
	display:none;
	z-index:999999999;
}
.boxchangeketerangan{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	position:fixed;
	top:0px;left:0px;
}
#boxformchangeketerangan{
	width:390px;
	background:#FFF;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
	padding:10px;
	z-index:1000000;
	position:fixed;
	top:25%;left:50%;
	margin-left:-200px;
	box-shadow:0px 1px 3px #999;
	
}
#boxformchangeketerangan .keterangandata{
	font-size:14px;
	margin-left:20px;
}
#boxformchangeketerangan .keterangandata span{
	display:block;
	padding:5px;
}
.closebox{
	float:right;
	margin-right:5px;
	color:#F00;
	font-weight:bold;
	cursor:pointer;
	padding:0px;
	font-family:Verdana;
	font-size:13px;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
.closebox:hover{
	color:#AA0F13;
}
.btnketerangan{
	float:right;
	font-weight:bold;
	font-size:11px;
	padding:5px 10px;
	margin-left:5px;
	cursor:pointer;
}
.centerimages{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-20px;
	width:40px;
}
.namatgk{
	color:#fff;
	font-size:14px !important;
	/*background:#F00;*/
	background:#FF0000;
	border:1px solid #FFF;
}

.namatgkYellow{
	color:#000000;
	font-size:14px !important;
	/*background:#F00;*/
	font-weight:bold;
	background:#FFFF00;
	border:1px solid #FFF;
}
.namatgkRed{
	color:#fff;
	font-size:14px !important;
	/*background:#F00;*/
	background:#FF0000;
	border:1px solid #FFF;
}
.namatgkBlack{
	color:#fff;
	font-size:14px !important;
	/*background:#F00;*/
	background:#000000;
	border:1px solid #FFF;
}
.namatgkHilang{
	display:none;	
}
#prosesversion{
	width:16px;
	height:16px;
	position:absolute;
	right:10px;
	top:5px;
}
#prosesversion:hover{
	cursor:pointer;
}
.showversion{
	background:url("../images/downmax.png") no-repeat;
}
.hideversion{
	background:url("../images/upmin.png") no-repeat;
}
.headerdataupload{
	background:#F1B707;border:1px solid #F90;font-weight:bold;color:#fff;letter-spacing:5px;padding:5px;margin-bottom:5px;border-radius:5px;text-align:center;
}
.boxmenusearch{
	position:relative;
	top:30px;
	
}
.boxmenusearch.fixed{
	position:fixed;
	top:130px;
	
}
#sideLeft #menusearch{
	background:#BDFF87;
	width:195px;
	
	padding:10px;
	position:relative;
	z-index:1000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#sideLeft #menusearch .detailpertemuanshowX{
	font-size:13px;
	font-family:'Verdana';
	color:#098200;
}
#sideLeft #menusearch .detailpertemuanshowX span{
	
	display:block;
}
#sideLeft #menusearch .detailpertemuanshowX span.tdetail{
	font-weight:bold;
	margin-top:10px;
	padding-bottom:2px;
}
#menusearch{
	font-size:15px;
	font-family:verdana;
}
#menusearch .jjmlpertemuan ,#menusearch .pertemuanshowX{
	text-align:center;
	font-family:'Verdana';
	font-size:19px;
	color:#F90;
	font-weight:bold;
}
#menusearch .jjmlpertemuan{
	padding-bottom:10px;
}
#menusearch .pertemuanshowX{
	margin-bottom:20px;
	font-size:45px;
	padding-bottom:20px;
	border-bottom:1px solid #93BB7C;
}
a .backhome{
	-moz-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ee97fe;
	box-shadow:inset 0px 1px 0px 0px #ee97fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #da3df6), color-stop(1, #b51ed0) );
	background:-moz-linear-gradient( center top, #da3df6 5%, #b51ed0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3df6', endColorstr='#b51ed0');
	background-color:#da3df6;
	border:1px solid #d133ed;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	margin:8px 3px 3px 3px;
	padding:5px;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #b115cd;
	cursor:pointer;
}
.menusubmit{
	position:absolute;
	top:-10px;
	left:0px;
	text-align:right;
	width:920px;
	padding:5px;
	z-index:10000;
	background:#FFBE46;
	padding-right:30px;
	box-sizing:border-box;
	
}
.menusubmit.fixed{
	position:fixed;
	top:0px;
	width:100%;
	padding-right:40px;
	box-sizing:border-box;
}