body {
	background: url('../img/g96.jpg');
	overflow: visible;
	margin: 20px;
	cursor: auto;
}

@media (max-width: 1000px) {
	body{padding-top:5%;}
}

table {
	cursor: auto;
	border-collapse: collapse;
	border: 1px solid #989898;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #363636;
	background-color: rgba(146, 196, 40, 0.55);
	color: rgba(146, 196, 40, 0.55);

	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.tableNoBrd {
	border-collapse: collapse;
	border: 0px solid #03476F;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #363636;
	background: #92C428;
}
.tableBrd {
	border-collapse: collapse;
	border: 1px solid #03476F;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #363636;
	background: #92C428;
}
caption {
	text-align: center;
	font: bold 18px arial, helvetica, sans-serif;
	background: transparent;
	padding:6px 4px 8px 0px;
	color: #03476F;
	text-transform: uppercase;
}
td, th {
	border: 1px dotted #03476F;
	padding: .4em;
	color: #363636;
}

.props tbody th {
	font: bold 12px verdana, arial, helvetica, sans-serif;
	border: 1px solid #03476F;;
	text-align: right;
	background: #4591AD;
	color: #FFFFFF;
	padding-top:3px;
}
.props tbody td {
	text-align: left;
}
thead th, tfoot th {
	font: bold 12px verdana, arial, helvetica, sans-serif;
	border: 1px solid #03476F;;
	text-align: center;
	background: #4591AD;
	color: #FFFFFF;
	padding-top:3px;
}
tbody td a {
	background: transparent;
	text-decoration: none;
	color: #363636;
}
tbody th a {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	background: transparent;
	text-decoration: none;
	font-weight:normal;
	color: #363636;
}
tbody th, tbody td {
	vertical-align: top;
	text-align: center;
}
tfoot td {
	border: 1px solid #03476F;
	background: #4591AD;
	padding-top:3px;
	color: #FFFFFF;
}
.odd {
	background: #AEE239;
}

tbody tr:hover {
	border: 1px solid #03476F;
	color: #FFFFFF;
}

.judul
{
	color:#004477;
	font-family:"Georgia",serif;
	font-size:150%;
	font-style:normal;
	letter-spacing:5px;
	padding:10px 0;
	text-align:center;
	text-transform:uppercase;
}

.judul strong{
	background-image:url('../img/modify.png');
	background-repeat:no-repeat;
	padding-left:50px;
	padding-bottom:15px;
}

.judul2
{
	color:#004477;
	font-family:"Georgia",serif;
	font-size:80%;
	font-style:normal;
	letter-spacing:5px;
	padding:1px 0 5px 0;
	text-align:center;
}

.copyright
{
	font-family: arial,verdana;
	font-size:75%;
	color: #3c3c3c;
	text-align:center;
}

.copyright span
{
	background-image:url('../img/info.png');
	background-repeat:no-repeat;
	padding-left:30px;
	padding-bottom:0px;
}

#profile, #profile tr, #profile td, #profile th
{
	background:none;
	border:none;
	margin-bottom: 20px;
	cursor:default;
}

#uin, #uin tr, #uin td, #uin th
{
	background:none;
	border:none;
	cursor:default;
	vertical-align:top;
}

.ket
{
	font-family:"Georgia",serif;
}

input#NIM
{
	background-image:url('../img/search1.png');
	background-repeat:no-repeat;
	padding-left:25px;
}

input,select
{
	border: 1px solid #adadad;
}

.inputf
{
	margin-bottom:25px;
}

#menu, #menu th
{
	margin-top:20px;
	text-align:center;
}

hr
{
	width:70%;
	background: #ccff99 url('../img/borderline.gif') no-repeat center bottom;
	height: 1px;
	border: 0 none;
}

.overlay {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.55);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 130px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 40%;
	position: relative;
	transition: all 5s ease-in-out;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: orange;
}

fieldset{border: none; border-top: 1px dotted;}
.wrap{width: 98%; margin: 0 auto;}
.logininput{-webkit-box-sizing: border-box; box-sizing: border-box; display: block; background-color: transparent; color: rgba(0,0,0,.87); border: none; border-bottom: 1px dotted rgba(0,0,0,.26); outline: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-family: inherit; line-height: inherit; background-image: none; margin: 5px 0 15px 0; text-align: center; color:#005a00;}
.logininput:hover, .logininput:focus{border: none; border-bottom: 1px solid #009800;}
tbody td a {background: transparent; text-decoration: underline; color: white;}
td.blinking {font-size: 10px; padding: 7px; text-align: center; background-color: #006066; /* #004472; */ font-weight: bold; color: white;}

#carousel {display: flex;}
#slides {overflow: hidden;height:55px;margin:0 auto;}
#slides ul {list-style: none; height: 0px; margin: 0 auto; padding: 0; width: 85%;position: relative;}
#slides li {width:100%; height:250px; float:left; text-align: center; position: relative;}
#buttons a {display:block; color: #015156; font-size:30px; outline:0; text-decoration:none; display:block; padding:9px; width:35px; }
a#prev:hover, a#next:hover {color:#006a71;}
.quote-phrase {font-family:sans-serif; font-weight:300; display: table-cell; vertical-align: middle; padding: 7px 15px 10px 0px; font-size:11px; color:#FFF; font-style:italic; text-shadow:.5px 0px #b14943; line-height:15px}
.quote-marks {font-size:17px; padding:0 3px 3px;position:inherit; }

.ctr{text-align:center; vertical-align:middle;}