*{
	padding: 0;
	margin: 0;
}

a{
	text-decoration: none;
}

html, body{
	height: 100%;
	width: 100%;
	color : #FFFFFF;
	
	background: linear-gradient(to bottom, #330033 35%, #ffffff 135%);
}

body, select, option, textarea, table, #submit, #reset, #tambah, #batal, #hapus, #button, #kirim, .login, .signin, .signup, .forgotpassword, .textboxinputid {
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

#submit, #kirim {
	padding-left: 20px;
	padding-right: 20px;
	height: 25px;
	cursor: pointer;
	background-color: #ffffcc;
}

.textboxinputid{
	width: 200px;
	height: 22px;
	background-color: white;
	border: 0;
}

.trinput{
	height: 30px;
}

.trview{
	height: 25px;
}

.trrequired{
	height: 25px;
}

.trgarisatas{
	height: 30px;
}

.trgarisbawah{
	height: 10px;
}

/*.login{
	border: solid thin #e1e1d0;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 15px;
	width: 365px;
	
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -140px;
	margin-left: -200px;
	
	border-radius: 20px;
}*/

.login, .signin, .signup, .forgotpassword{
	border: solid thin #e1e1d0;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 15px;
	width: 365px;
	
	position: fixed;
	top: 325px;
	left: 50%;
	margin-top: -140px;
	margin-left: -200px;
	
	border-radius: 20px;
}

.login a, .signin a, .signup a, .forgotpassword a{
	color: yellow;
}

.login a:hover, .signin a:hover, .signup a:hover, .forgotpassword a:hover{
	color: white;
}

/* Logo */
.logoprp{
	background-color: white;
	background-image: url(Logo/prpx.png);
	left: 225px;
}

.logoabf{
	background-color: white;
	background-image: url(Logo/abf_x.png);
	left: 375px;
}

.logoamr{
	background-color: white;
	background-image: url(Logo/amr_x.png);
	left: 525px;
}

.logobna{
	background-color: white;
	background-image: url(Logo/bna_x.png);
	left: 675px;
}

.logodnr{
	background-color: white;
	background-image: url(Logo/dnrx.png);
	left: 575px;
}

.logodpr{
	background-color: white;
	background-image: url(Logo/dpr_x.png);
	left: 725px;
}

.logogwn{
	background-color: white;
	background-image: url(Logo/gwn_x.png);
	left: 825px;
}

.logopcr{
	background-color: white;
	background-image: url(Logo/pcr_x.png);
	left: 975px;
}

.logopdr{
	background-color: white;
	background-image: url(Logo/pdr_x.png);
	left: 1125px;
}

.logosir{
	background-color: white;
	background-image: url(Logo/sir_x.png);
	left: 1175px;
}

.logoslv{
	background-color: white;
	background-image: url(Logo/slv_x.png);
	left: 1275px;
}

.logoabf, .logoamr, .logobna, .logodnr, .logodpr, .logogwn, .logopcr, .logopdr, .logoprp, .logosir, .logoslv{
	border: 0;
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	top: 165px;
	width: 125px;
	height: 125px;
	margin-top: -140px;
	margin-left: -200px;
	border-radius: 50%;
}

.clockbox{
	text-align: right;
}

.banner{
	border: 0;
	background-repeat: no-repeat;
	background-position: center;
	position: fixed;
	top: 165px;
	width: 125px;
	height: 125px;
	margin-top: -140px;
	margin-left: -200px;
	border-radius: 5%;
}

.banner{
	background-color: none;
	background-image: url(Logo/);
	left: 225px;
	top: 400px;
}

.inputkode{
	height: 22px;
	width: 97px;
	background-color: white;
	border: 0;
	text-align: center;
}